Essay · 20 minute read

Shape Up: Find the Elements (breadboarding and fat marker sketches)

Ryan Singer · Basecamp Free Intermediate

This chapter argues you can think through a whole flow with words and crude sketches before any real design tool. Breadboarding lists screens and clicks as plain text, and fat marker sketches stay too rough to bikeshed. It is a useful counterweight, sometimes the fastest wireframe is on paper, and it frees a founder from thinking Figma is mandatory.

  • You can map a full flow in text before opening any design tool
  • Staying deliberately rough keeps the team debating the right things
  • Fixing the abstraction level prevents wasted detail work
Open on basecamp.com ↗

The question it answers

  1. Should I learn Figma, and how much design do I really need?

Read with it

  1. The single best thing ever written on customer conversations. It teaches you to ask about the customer's life and past... momtestbook.com Book · ~130 pages The Mom Test Rob Fitzpatrick
  2. Design tactics written specifically for developers and non-designers who need to ship good-looking UI without a design... refactoringui.com Book · ~250 pages Refactoring UI Adam Wathan & Steve Schoger
  3. The foundational text on human-centered design that every product person should read once. It rewires how you see every... jnd.org / Basic Books Book · ~350 pages The Design of Everyday Things Don Norman
  4. A clear, tool by tool guide to turning an idea into a working prototype in minutes, aimed at people who do not code. It sorts... Lenny's Newsletter Article · 25 min read A guide to AI prototyping for product managers Colin Matthews
  5. When you need people to feel the flow, not just read a pitch, a clickable Figma prototype gets you there without code. This... Figma Tool Guide to prototyping in Figma Figma
  6. A free, no signup whiteboard with a deliberately hand drawn look, ideal for sketching screens and flows without falling into... Excalidraw Tool Excalidraw Excalidraw
eChai Partner Brands The partnership →