{"enrichment":{"faq":[{"a":"Figma Generate Design creates or updates full-page screens, modals, dialogs, drawers, and other multi-section UI containers in Figma by leveraging your published design system\u2014components, variables, and styles\u2014rather than drawing with hardcoded values. The skill assembles views incrementally section-by-section using design tokens and discovers design system assets from Code Connect files and existing screens.","q":"What does Figma Generate Design do?"},{"a":"Figma Generate Design automates repetitive design tasks by using your design system's components, variables, and styles to build layouts automatically. Instead of manual drawing, the skill assembles multi-section UI containers section-by-section using design tokens, significantly speeding up your workflow and reducing manual design effort.","q":"How can I auto generate figma designs with this skill?"},{"a":"Yes. Figma Generate Design uses AI to create design variations and templates by leveraging your design system assets. It discovers components and styles from Code Connect files and existing screens, then applies them intelligently to generate multiple layout options and template variations for your UI needs.","q":"Can Figma Generate Design create design variations and templates?"},{"a":"Figma Generate Design integrates directly into your Figma workspace by accessing your published design system\u2014components, variables, and styles. It works best alongside the parallel web app capture workflow for pixel-perfect layouts with proper component instances, allowing seamless generation within your existing design environment.","q":"How does Figma Generate Design integrate with my workspace?"},{"a":"Figma Generate Design discovers and uses design system assets including components, variables, and styles from your Code Connect files and existing screens. These assets serve as the foundation for generating UI layouts, ensuring consistency across your designs and eliminating the need for hardcoded values in your generated mockups.","q":"What design system assets does Figma Generate Design use?"}],"shadow_tags":["design-automation","ai-assisted-design","figma-plugin","ui-generation","rapid-prototyping","design-workflow","generative-design","design-acceleration"],"summary_rewrite":"Create or update full-page screens, modals, dialogs, drawers, and other multi-section UI containers in Figma by leveraging your published design system\u2014components, variables, and styles\u2014rather than drawing with hardcoded values. The skill discovers design system assets from Code Connect files and existing screens, then assembles views incrementally section-by-section using design tokens. Works best alongside the parallel web app capture workflow for pixel-perfect layouts with proper component instances."},"gist":{"api_url":"https://skillfed.io/api/skills/Devin-AXIS/iPolloWork/figma-generate-design.json","as_of":"2026-07-27","description":"Figma Generate Design builds composed screens and views in Figma by assembling design system components.","install":{"manual":["git clone https://github.com/Devin-AXIS/iPolloWork","cp -r iPolloWork ~/.claude/skills/figma-generate-design"],"primary":"npx skillfed install Devin-AXIS/iPolloWork/figma-generate-design","version":"5a45cdbd"},"kind":"skill","mirror_url":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-generate-design.md","similar":[{"id":"openai/skills/figma-generate-design","name":"Figma Generate Design","publisher":"openai/skills","url":"https://skillfed.io/openai/skills/figma-generate-design"},{"id":"Devin-AXIS/iPolloWork/figma-generate-library","name":"Figma Generate Library","publisher":"Devin-AXIS/iPolloWork","url":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-generate-library"},{"id":"openai/skills/figma-generate-library","name":"Figma Generate Library","publisher":"openai/skills","url":"https://skillfed.io/openai/skills/figma-generate-library"},{"id":"Devin-AXIS/iPolloWork/figma-swiftui","name":"Figma Swiftui","publisher":"Devin-AXIS/iPolloWork","url":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-swiftui"},{"id":"openai/skills/figma-implement-design","name":"Figma Implement Design","publisher":"openai/skills","url":"https://skillfed.io/openai/skills/figma-implement-design"}],"title":"Figma Generate Design by Devin-AXIS \u2014 SkillFed","use":{"when":["Figma Generate Design automates repetitive design tasks by using your design system's components, variables.","Yes."]},"what":{"lead":"Figma Generate Design builds composed screens and views in Figma by assembling design system components, variables, and styles from your codebase.","rest":"Create or update full-page screens, modals, dialogs, drawers, and other multi-section UI containers in Figma by leveraging your published design system\u2014components, variables, and styles\u2014rather than drawing with hardcoded values. The skill discovers design system assets from Code Connect files and existing screens, then assembles views incrementally section-by-section using design tokens. Works best alongside the parallel web app capture workflow for pixel-perfect layouts with proper component instances."}},"id":"Devin-AXIS/iPolloWork/figma-generate-design","install":{"mode":"external","repo":"https://github.com/Devin-AXIS/iPolloWork"},"links":{"html":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-generate-design","md":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-generate-design.md","repo":"https://github.com/Devin-AXIS/iPolloWork"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":266,"language":"TypeScript","last_updated":"2026-07-27","license":"NOASSERTION","name":"Figma Generate Design","publisher":"Devin-AXIS","stars":1925},"relations":{"similar":[{"id":"figma/mcp-server-guide/figma-generate-design"},{"id":"openai/skills/figma-generate-design"},{"id":"figma/mcp-server-guide/figma-generate-library"},{"id":"Devin-AXIS/iPolloWork/figma-generate-library"},{"id":"openai/skills/figma-generate-library"},{"id":"Devin-AXIS/iPolloWork/figma-swiftui"},{"id":"figma/mcp-server-guide/figma-swiftui"},{"id":"openai/skills/figma-implement-design"},{"id":"figma/mcp-server-guide/figma-use-motion"},{"id":"Devin-AXIS/iPolloWork/figma-use-motion"}]},"slug":{"owner":"Devin-AXIS","repo":"iPolloWork","skill":"figma-generate-design"},"version":"5a45cdbd"}