Promptles
Output Format

Close the Design Loop

Send the built UI back into the design tool for review.

Code can flow back to design, not just out of it. Once a screen runs, you can capture the live UI into the design tool as editable frames, so designers review the real thing, annotate it, and explore variants. Closing that loop keeps design and build looking at one artifact instead of two diverging copies.

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.

  • Capture the UI Back to Figma

    You built a working dashboard with Claude Code and it runs on localhost. Before the design review, the team wants it in Figma as editable frames — so they can annotate spacing, try a variant of the header, and react to the real thing, not a flat screenshot pasted into a comment.…

  • Hand Off With DESIGN.md

    A stakeholder loves a particular SaaS landing page and wants 'something like that.' Rather than describe it from memory and lose the details, you want to use Stitch to extract a DESIGN.md from that URL — a portable, plain-language brief of its layout and structure — then hand…

Other principles in Output Format