figma-generate-design

Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.

Jump to install

Repository: jhy0285/monofield
Last source activity: August 25, 2026 at 12:50
Detected SKILL.md language: English
Stars: 4
Forks: 0

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/jhy0285/monofield --skill figma-generate-design

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

name	figma-generate-design
description	Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.
triggers	["figma generate design","code to figma","screen generation","figma from code"]
od	{"mode":"design-system","category":"figma","upstream":"https://github.com/figma/skills"}