figma-generate-designby FigmaOfficialDesignGitHub stars: 2k
Figma Generate Design skill: what it does and how to install it
Translates an application page or multi-section layout from code into a Figma design.
Install
$ npx skills add figma/mcp-server-guide --skill figma-generate-designRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
Translates an application page or multi-section layout from code into a Figma design.
Similar skills
- Figma Implement MotionTranslates motion and animation from a Figma design into production application code.
- Figma to WebflowBuilds a Webflow page, section or full site from a Figma design through the Figma and Webflow MCP servers.
- Imagegen Frontend WebGenerates website design references as images, one per section of the page.