openai

Figma Implement Design — Design skill for Claude Code

Design community intermediate

Translate Figma designs into production-ready code with pixel-perfect accuracy.

How to install Figma Implement Design

This entry records only its repository, not the path inside it, so there is no exact command to give. Open openai/skills and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Figma Implement Design does

Translate Figma designs into production-ready code with pixel-perfect accuracy.

One of 28 entries listed from openai/skills. The repository README describes the whole collection, not this skill — read it on GitHub.

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
DesignReview — Two-way validation between SwiftUI implementation and Figma designs 512 ★