Translate application pages into Figma screens using design system tokens.
npx skills add https://github.com/izo/Ulk --skill figma-generate-design-izo
Please help me install this Agent Skill. Skill: figma-generate-design Source: https://github.com/izo/Ulk/tree/main/community-skills/figma/figma-generate-design Command: npx skills add https://github.com/izo/Ulk --skill figma-generate-design-izo
Design teams often recreate UI screens from scratch in Figma, leading to inconsistency and wasted time. This skill enables building or updating full-page screens by reusing a published design system, keeping components, variables, and styles in sync with code.
Build or update full-page screens in Figma by reusing the published design system rather than drawing primitives with hardcoded values.
High-intent search queries and answers about installing and using this skill.
To build Figma screens from code views, this skill translates application pages into fully wired frames using design system tokens. It reuses published components, variables, and styles from linked libraries instead of drawing primitives with hardcoded values.
The best way to update existing Figma screens is by applying design-system workflows that bind variables and styles from a published library. This ensures your components stay in sync with code and avoids inconsistency from manual updates.
Yes, you need a connected Figma MCP and access to a published design system. These prerequisites allow the skill to import component sets and apply variable and style bindings directly within your Figma file.
Yes, you can use design tokens to build cross-platform mobile and web screens in Figma. The skill applies design system workflows to assemble large screens incrementally by reusing linked library components across different platform contexts.
If a required component is missing from your Figma design system library, the skill builds manual frames as a fallback. However, it always prioritizes reusing existing tokens and variants from the linked design system to maintain consistency.
LAF-USBuild full-page Figma screens from design-system components, variables, and styles.
rakibulismBuild composed Figma views from source code using design system components.
thepradipAutomate design-system guidance and developer handoff workflows in Figma projects.
Sacred-GBuild or update Figma screens using published design system tokens.
