Skill overview

Exact public version

figma-generate-design v1

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.

Public
SHA-256d6e256e0024946fafda48893ad8dea23dacd40660b8d5ecb00070400008f28f4
Download package

Package contents

Manifest

7 files

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.

Manifest SHA-2566f872e573245fb156971aba4c182df8d767ba8d8ce85a017fe1621518c6101e4
  • LICENSE.TXT440 bytes
  • SKILL.md20,164 bytes
  • agents/openai.yaml532 bytes
  • assets/figma-small.svg818 bytes
  • assets/figma.png1,612 bytes
  • assets/icon.svg964 bytes
  • maintainers.yml21 bytes