figma-generate-design
Use this skill to create or update screens, views, and multi-section UI containers in Figma by reusing the published design system — components, variables, and styles — rather than drawing primitives with hardcoded values. This includes full pages, modals, dialogs, drawers, sidebars, panels, and any composed view with...
SkillJury keeps community verdicts, source metadata, and external repository signals in separate lanes so ranking data never pretends to be a review.
No approved reviews yet
Waiting on enough review volume
Weekly or total install activity from catalog data
npx skills add https://github.com/figma/mcp-server-guide --skill figma-generate-design
As of Apr 30, 2026, figma-generate-design has 1 weekly installs, 0 community reviews on SkillJury. Community votes currently stand at 0 upvotes and 0 downvotes. Source: figma/mcp-server-guide. Canonical URL: https://skills.sh/figma/mcp-server-guide/figma-generate-design.
Source description provided by the upstream listing. Community review signal and install context stay separate from this narrative layer.
Latest reviews
No community reviews yet. Be the first to review.
What does figma-generate-design do?
Use this skill to create or update screens, views, and multi-section UI containers in Figma by reusing the published design system — components, variables, and styles — rather than drawing primitives with hardcoded values. This includes full pages, modals, dialogs, drawers, sidebars, panels, and any composed view with...
Is figma-generate-design good?
figma-generate-design does not have approved reviews yet, so SkillJury cannot publish a community verdict.
Which AI agents support figma-generate-design?
figma-generate-design currently lists compatibility with Skills CLI.
Is figma-generate-design safe to install?
figma-generate-design has been scanned by security audit providers tracked on SkillJury. Check the security audits section on this page for detailed results from Socket.dev and Snyk.
What are alternatives to figma-generate-design?
Skills in the same category include grimoire-morpho-blue, conversation-memory, second-brain-ingest, zai-tts.
How do I install figma-generate-design?
Run the following command to install figma-generate-design: npx skills add https://github.com/figma/mcp-server-guide --skill figma-generate-design
More from figma/mcp-server-guide
code-connect-components
Establish bidirectional links between Figma design components and code implementations using Code Connect.
figma-code-connect
Create Code Connect template files ( .figma.ts ) that map Figma components to code snippets. Given a Figma URL, follow the steps below to create a template.
implement-design
Translates Figma designs into production-ready code with pixel-perfect visual fidelity.
figma-implement-design
This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.
Alternatives in Software Engineering
grimoire-morpho-blue
Query Morpho Blue deployment metadata and vault snapshots via the Grimoire CLI.
conversation-memory
Persistent memory systems for LLM conversations with tiered storage and intelligent retrieval.
second-brain-ingest
Process raw source documents into structured, interlinked wiki pages.
zai-tts
High-quality text-to-speech audio generation using GLM-TTS with customizable voices and playback parameters.