Forgedemy
CatalogPreview source

figma

Implement Design

Translate Figma designs into production-ready code with pixel-perfect fidelity using the Figma MCP server.

Price

Free

Files

0

Rating

0.0

Reviews

0

Source

Source repo

Get freePreview source

About

Provides a structured 5-step workflow: parse Figma URL for file key and node ID, fetch design context (layout, typography, colors, spacing) via get_design_context MCP tool, capture a visual screenshot reference, implement code matching the design spec, and validate visually against the screenshot. Requires Figma MCP server connection. Handles large node trees by fetching child nodes individually via get_metadata.

By figma

Identity GitHub figma

What the agent sees

name

skills-sh-figma-mcp-server-guide-implement-design

description

Translate Figma designs into production-ready code with pixel-perfect fidelity using the Figma MCP server.

Tags

figmadesign-implementationmcpuifrontendpixel-perfectTools: skills-cli, external-adapter, upstream-install

Technical details

Source repoOriginal GitHub linkPublisher site

Source repo

https://github.com/figma/mcp-server-guide

Original GitHub link

https://github.com/figma/mcp-server-guide

Publisher site

https://skills.sh/figma/mcp-server-guide/implement-design

Packaging note

Imported from the public skills.sh trending snapshot fetched at 2026-03-18T00:58:16.450Z. Snapshot rank #439 with 5100 weekly installs. Bundle files are not mirrored into Forgedemy.

Recent reviews

No reviews yet.