AIPM package
@cursor/build-figma@1.0.0
Use for \"/build-figma\", a figma.com/design URL with node-id, or \"implement this Figma\" into a web, desktop, or shared UI.
Scanned · no issues · Nov 13, 2026
GitHub stars: ★ 16K
Pins this version in aipm.package.json and aipm-lock.json.
aipm add @cursor/build-figma@1.0.0Writes the skill files only. Add --no-init to skip aipm.package.json and the lockfile.
aipm add @cursor/build-figma@1.0.0 --no-initInstall the skill above, then run this in your AI tool:
/build-figma <your description>Orchestrator for Figma → production UI. It does **not** replace the skills below. Read each when that phase starts; do not restate them here.
Source
Preview every file this package writes on install before you run the command above.
com/design URL with node-id, or \"implement this Figma\" into a web, desktop, or shared UI. Orchestrates Figma MCP intake, maps nodes to the repo's own design system, then a verify-this visual judge.
Orchestrator for Figma → production UI. It does not replace the skills below. Read each when that phase starts; do not restate them here.
Requires figma (plugin and connected MCP) and cursor-team-kit. Check first with ../dyl-mode/references/requirements.md. Missing → stop and tell the user to run /add-plugin <name>.
Failure modes that shaped the gates: references/failure-lessons.md.
| Phase | Read |
|---|---|
| Figma MCP mechanics | figma-design-to-code from the Figma plugin, before every get_design_context |
| Design-system inventory | references/design-system-discovery.md, then any repo-local design-system skill or rule it finds |
| Visual claim / verdict shape | verify-this from cursor-team-kit + references/visual-judge.md |
| Drive live UI | control-ui from cursor-team-kit, or the repo's own control skill for that surface |
Build-figma progress:
- [ ] 0. Parse fileKey + nodeId (refuse file-only URLs)
- [ ] 1. Intake done before any product UI edit (see below)
- [ ] 2. Mapped to the repo's primitives/tokens only
- [ ] 3. Styling in the surface's own styling system
- [ ] 4. Visual judge VERIFIED per visual-judge.md (verify-this claim shape)
Gate 1 blocks coding. "Functional first, polish visuals later" is the main failure mode.
figma.com/design/:fileKey/...?node-id=1-2 → fileKey, nodeId (1-2 → 1:2). Branch URLs use branchKey as fileKey. No node-id → stop.
Follow figma-design-to-code. Call get_design_context and get_screenshot. If the response is sparse or too large, split to implementable child nodes. Download brand assets from MCP URLs; never redraw logos.
Run design-system discovery. Then write /tmp/build-figma/<slug>/intake.md:
Use the surface's styling system and the mapped components. When Figma px disagree with a primitive's default size, pin the Figma metric in that styling system. Do not bend the primitive's defaults globally. Hard bans below.
Specialize verify-this with references/visual-judge.md. Treat the Figma shot as baseline and the live capture as treatment. Match theme polarity first, then apply the rubric and write the verdict. After NOT VERIFIED, fix the failed rows, recapture, and apply the rubric again. Repeat until VERIFIED or INCONCLUSIVE. Stop and report the blocker after INCONCLUSIVE; do not claim Gate 4 complete.
Intake path, map highlights, verdict + evidence paths, remaining gaps.
intake.md exists.Loading package files…
Share this package
Add this badge to a GitHub README so readers can open the package page and install the same version.
[](https://www.aipm-registry.com/skills/cursor/build-figma/1.0.0?utm_source=github&utm_medium=readme&utm_campaign=package_badge)
Publisher
This imported publisher has not claimed its AIPM account. A connected account confirms account control, but it does not guarantee that a package is safe.
AI assistant context
@cursor/build-figma@1.0.0 is an AIPM skill package for All tools. Use it when a project needs the reusable AI behavior described as: Use for \"/build-figma\", a figma.com/design URL with node-id, or \"implement this Figma\" into a web, desktop, or shared UI. Orchestrates Figma MCP intake, maps nodes to the repo's own design system, then a verify-this visual judge. Do...
Tool targets
Add --no-init to any of these when you want the skill files without aipm.package.json or aipm-lock.json.
Run this variant when you want to install the package into cursor.
aipm add @cursor/build-figma@1.0.0 --target cursor --ciRun this variant when you want to install the package into claude.
aipm add @cursor/build-figma@1.0.0 --target claude --ciDiscussion
Sign in to leave a comment.
Loading comments…
Keep exploring
Work with Google Drive through its MCP tools - search, read, create, organize, share, comment, and export files. Use when creating files in specific folders, moving or renaming, converting Markdown/CSV into Docs/Sheets, managing comments...
Published by Cursor
Author and edit Google Docs with the google-docs tools - structured writing, character and paragraph styling, lists, tables, images, headers/footers. Use when creating a formatted document, editing document content, or applying styles.
Published by Cursor
Fetch and summarize review comments from the active pull request
Published by Cursor
Package FAQ
AIPM skills can add files to your project. Review the package name, target, description, license, and publisher before installing. Use a clean branch when trying a new skill.