skills.rest
mjrtl
mjrtlCOMMUNITY
Explore all skills by this author →
GitHub

Figma Prompt

Generates Figma Make-ready JSON prompts from design briefs within a 5000-character limit.

Updated Feb 11, 2026
Search Tags:#automation#design#figma#ui design#ux#prompt generation
One-click install
npx skills add https://github.com/mjrtl/agentic_product_manager --skill figma-prompt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Figma Prompt
Source: https://github.com/mjrtl/agentic_product_manager/tree/main/skills/figma-prompt
Command: npx skills add https://github.com/mjrtl/agentic_product_manager --skill figma-prompt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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'.

Frequently Asked Questions about Figma Prompt

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Figma Make prompts from a design brief?▼

To generate Figma Make prompts, input your design brief and design system documentation. The Skill maps design tokens and components to construct a JSON prompt optimized for Figma Make's AI generation.

What is the character limit for Figma Make prompts?▼

Figma Make prompts have a strict 5000-character limit. The Skill enforces this constraint while adhering to structural rules for pages, components, and copy items to ensure valid output.

How do I map design system tokens to Figma Make components?▼

To map design system tokens, reference your design system documentation alongside your design brief. The Skill uses these references to align token values with component structures in the generated JSON prompt.

Can I use Figma Make prompts for UI design without manually writing JSON?▼

Yes, you can automate UI design prompt creation by providing a design brief. The Skill handles the JSON formatting and structural constraints, eliminating the need to manually write the prompt syntax.

Does Figma Make prompt generation work without design system documentation?▼

Figma Make prompt generation requires design system documentation as a reference. Without it, the Skill cannot accurately map design tokens and components needed for consistent UI generation.

Why are my Figma Make prompts failing to generate UI components?▼

Figma Make prompts may fail if they exceed the 5000-character limit or lack proper references. Ensure your design brief and design system documentation are provided to map tokens and components correctly.

Related Skills

Explore More Design & Creative Skills→
wellsgzwellsgz

extract

Identify and extract reusable UI patterns, components, and design tokens into a centralized design system.

Community
Intermediate
simotasimota
68

Loom

Analyze codebases to generate Figma Make Guidelines.md packages.

Community
Advanced
laraxotlaraxot
26

bmad-wds-browse-design-system

Generate a disposable localhost app for browsing design tokens and components.

Official
Intermediate
moongci38-ossmoongci38-oss

figma-design-sync

Synchronize Figma design tokens into Claude design prompts via Figma MCP.

Community
Advanced