todo-create-figma-mockup
CommunityTransform requirements into visual design specs with Figma.
Authorjasonmeans
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill converts product requirements into a Figma mockup, simplifying the translation of ideas into visual designs.
Core Features & Use Cases
- Design Translation: Converts PRDs, briefs, or verbal descriptions into Figma files.
- Layout & Components: Generates layout suggestions and component inventory.
- Interaction Notes: Includes interaction notes and design tokens.
- Use Case: If you have a product requirement document and need a visual representation to share with the design team, this Skill can help create an initial mockup.
Quick Start
/create-figma-mockup --description "My app needs a sign-up page" --layout "Mobile" --components "Button,Input"
Dependency Matrix
Required Modules
Figma API
Components
assets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: todo-create-figma-mockup Download link: https://github.com/jasonmeans/pm-skills/archive/main.zip#todo-create-figma-mockup Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.