Promptles
Clarity

Pick the Right Tool

Match the tool to the job: Figma, Stitch, or Penpot.

Figma's MCP is strongest when you already have a design and a component library. Stitch shines for generating screens from a description. Penpot fits open-source, self-hosted teams and emits CSS-native output. Match the tool to the job instead of forcing every task through the one server you happen to have connected.

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…

Other principles in Clarity