Figma Prompt

Community

Generate 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.