Figma Prompt
CommunityGenerate Figma Make prompts.
Authormjrtl
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of Figma Make-ready prompts, ensuring designs adhere to strict character limits and structural constraints for efficient AI-driven generation.
Core Features & Use Cases
- Prompt Generation: Creates JSON prompts optimized for Figma Make from design briefs.
- Constraint Adherence: Enforces character limits (5000 max) and structural rules (pages, components, copy items).
- Design System Integration: Maps design tokens and components for consistent output.
- Use Case: After defining a new feature's design in a brief, use this Skill to generate the precise prompt needed to have Figma Make build the initial UI components.
Quick Start
Generate a Figma Make prompt for the 'checkout-flow' feature using the design brief located at 'initiatives/new-feature/design-brief.md'.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: Figma Prompt Download link: https://github.com/mjrtl/agentic_product_manager/archive/main.zip#figma-prompt 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 223,000+ vetted skills library on demand.