figma-generate-design
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.
OpenAI · Rasmiy
Vendorning rasmiy skilli. AI-Point vendor skilllarini tekshirmaydi: mazmuni va o'rnatilishi vendor tomonida, katalogda faqat tavsif, litsenziya va manbaga havola saqlanadi.
O'rnatish
Buyruqni Codex mijozida bajaring.
$skill-installer figma-generate-designQo'lda
Repozitoriydagi skill papkasini ~/.codex/skills/ papkasiga nusxalang.
Skill fayllari
- SKILL.md19,7 kB
- LICENSE.TXT440 bayt
- agents/openai.yaml532 bayt
- assets/figma-small.svg818 bayt
- assets/figma.png1,6 kB
- assets/icon.svg964 bayt
- maintainers.yml21 bayt