figma-implement-design
openai/skills
This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.
npx skills add https://github.com/openai/skills --skill figma-implement-design
Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.
Latest reviews
No community reviews yet. Be the first to review.
What does figma-implement-design do?
This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.
Is figma-implement-design good?
figma-implement-design does not have approved reviews yet, so SkillJury cannot publish a community verdict.
What agent does figma-implement-design work with?
figma-implement-design currently lists compatibility with codex, gemini-cli, opencode, kimi-cli, amp, github-copilot.
What are alternatives to figma-implement-design?
Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.
How do I install figma-implement-design?
npx skills add https://github.com/openai/skills --skill figma-implement-design
More from openai/skills
linear
by openai/skills
This skill provides a structured workflow for managing issues, projects & team workflows in Linear. It ensures consistent integration with the Linear MCP server, which offers natural-language project management for issues, projects, documentation, and team collaboration.
screenshot
by openai/skills
Source details, install context, and public review data are available on the full page.
spreadsheet
by openai/skills
IMPORTANT: System and user instructions always take precedence.
figma
by openai/skills
Use the Figma MCP server for Figma-driven implementation. For setup and debugging details (env vars, config, verification), see references/figma-mcp-config.md .
Alternatives in Software Engineering
telegram-bot-builder
by sickn33/antigravity-awesome-skills
Source details, install context, and public review data are available on the full page.
flutter-app-size
by flutter/skills
Analyzes and optimizes Flutter application size by measuring build artifacts, generating size analysis reports, utilizing Dart DevTools for component breakdown, and implementing specific size reduction strategies such as debug info splitting, resource compression, and platform-specific tree-shaking. Assumes a...
sharp-edges
by trailofbits/skills
Evaluates whether APIs, configurations, and interfaces are resistant to developer misuse. Identifies designs where the "easy path" leads to insecurity.
iterative-retrieval
by affaan-m/everything-claude-code
Solves the "context problem" in multi-agent workflows where subagents don't know what context they need until they start working.