figma-implement-design

github:openai/skills · first seen 2026-10-30T20:36:17 · installs n/a · source · badge

Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.

Works with

figma-code-connect-components
Shares figma, desktop, designs, filekey0.58

figma-generate-design
Shares figma, translating, switch, implement0.35

figma-create-design-system-rules
Shares figma, designs, system, design0.28

figma
Shares figma, urls, design, node0.24

figma-create-new-file
Shares figma, design, parameter, arguments0.24

Woven into by

figma-code-connect-components
Shares figma, desktop, designs, filekey0.58

figma-generate-design
Shares figma, translating, switch, implement0.35

figma-create-design-system-rules
Shares figma, designs, system, design0.28

figma-create-new-file
Shares figma, design, parameter, arguments0.24

figma
Shares figma, urls, design, node0.24

figma
Shares figma, filekey, component, components0.2

figma-generate-library
Shares figma, component, design, system0.2

screenshot
Shares desktop, figma, pixel, system0.17

Skill Health 100 estimated by backskills

Freshness 100 · Quality 100 · Efficacy not tested

Efficacy: not tested yet.

Version history

2026-10-30T20:36:17 · sha256 63f3d12d4445