Map to Real Components
Use Code Connect so it reuses your components, not new markup.
A design frame for a button shouldn't become brand-new button markup — it should reuse the Button you already ship. Tell the agent to use the design-to-code mapping (Code Connect) so it reaches for your existing components and their props. Fresh markup for something you already have is duplicated code waiting to drift.
Where you'll practice this
One Promptles scenario teaches this principle directly.
Reuse My Components
Your repo ships a mature component library — Button, Card, Field, Toggle — and Code Connect is set up, linking those Figma components to their real implementations. A new 'Settings panel' frame is built almost entirely from those existing components. But when a teammate asked…
Other principles in Context
Declare the Tools You Need
Name the tool or MCP server by name, and say what to do if it isn't reachable.
Describe Before You Prescribe
Describe the Data Shape
Claude can't clean data it can't picture.
Explain the Integration Point
Keep Memory Reusable
Save patterns and preferences that survive across sessions; never save snapshots of finished work.
Name the Framework