Pick the Right Tool
Match the tool to the job: Figma, Stitch, or Penpot.
Where you'll practice this
2 Promptles scenarios teach this principle directly. Each one drops you into a real engineering ticket and asks you to write the prompt you'd send to Claude Code.
Open-Source? Reach for Penpot
This client is fully open-source and self-hosts everything — a hosted Figma dependency is a non-starter for the project. You still need design-to-code. Penpot fits: it's open-source, self-hostable, and its MCP returns CSS-native values (real flex, gap, radius) instead of…
Pick the Right Tool
Three tasks land on the same morning. (A) Implement an existing, polished Figma design that uses your linked component library. (B) Explore a brand-new feature that has no designs at all. (C) Build for a client whose stack must stay fully open-source. You have Figma, Stitch, and…