figma-prompt
Installation
SKILL.md
Generate a complete Figma Make prompt package for: $ARGUMENTS
$ARGUMENTS should include:
- What you want to design (e.g., "course detail page", "a checkout flow", "an analytics dashboard", "the homepage hero")
- Optionally: business context ("needs to convert visitors to enrolled students")
- Optionally: visual direction ("warm and scholarly", "clean and developer-focused")
- Empty — ask the user what they want to design
When to Use This Skill vs /studio-prompt
| Use Figma prompt when… | Use studio-prompt when… |
|---|---|
| You want a Figma design file for review, handoff, or client presentation | You want a working, deployable React/Next.js app |
| You're exploring visual direction before committing to code | You need real interactivity and data binding |
| The output needs to live in Figma for stakeholder review | The output needs to be run in a browser |
| You want high-fidelity visual polish with frames, layers, and component structure | You want functional code |