Skip to content
store
openai/figma-implement-design

Open source alternatives to openai/figma-implement-design

24 open source AI Skills apps to use instead, best rated first.

Top picks

  1. G

    github-ops

    Get

    github-ops is an agent skill from the ECC collection by affaan-m, listed on skills.sh. It manages a GitHub repository with a focus on community health, CI reliability and the experience of contributors. It covers triaging issues by classify

    Open source

  2. O

    opensource-pipeline

    Get

    opensource-pipeline is an agent skill from the ECC collection by affaan-m, listed on skills.sh. It prepares a private project for safe public release through a three-stage pipeline. The fork stage strips secrets from a copy. The sanitise st

    Open source

  3. A

    andrej-karpathy-skills

    Get

    andrej-karpathy-skills is a single CLAUDE.md file from the multica-ai project that is meant to improve how Claude Code behaves on coding tasks. It is derived from Andrej Karpathy's public observations about LLM coding pitfalls. The file dis

    Open source

  4. M

    microsoft/markitdown

    Get

    markitdown-mcp is the MCP server package for MarkItDown, Microsoft's tool for converting many file formats to Markdown for language models. It is a lightweight server that runs over stdio, Streamable HTTP or SSE, and exposes one tool, conve

    Open source

  5. O

    od-contribute

    Get

    od-contribute is an agent skill in the OpenDesign project that provides a guided, one-click contribution flow to the OpenDesign repository, written so that people without a coding background can send a real pull request. It is locked to the

    Open source

  6. G

    github-deep-research

    Get

    github-deep-research is an agent skill from the DeerFlow project that researches a single GitHub repository in several rounds and writes a report in Markdown. It is for requests that need more than a README summary, such as a comprehensive

    Open source

More AI Skills apps

See all
7
M

modelcontextprotocol/server-everything

Exercises all features of the MCP protocol

Get
8
M

modelcontextprotocol/server-filesystem

Direct local file system access

Get
9
M

modelcontextprotocol/server-memory

Knowledge graph-based persistent memory for maintaining context

Get
10
N

netdata/netdata#Netdata

Discovery, exploration, reporting and root cause analysis over Netdata metrics

Get
11
L

Learn Claude Code

by shareAI-lab - A really interesting analysis of how coding agents like Claude

Get
12
C

career-ops

Job-search skill collection for JD evaluation, ATS resumes, portal scans

Get
13
S

Sequential Thinking

Dynamic and reflective problem-solving through thought sequences

Get
14
R

Reactive Resume

A one-of-a-kind resume builder that keeps your privacy in mind

Get
15
E

elie222/inbox-zero

Inbox Zero features on top of Gmail, such as finding emails

Get
16
S

simple-issue-description

Turn a rough bug report, feature request, support note

Get
17
C

Compound Engineering Plugin

by EveryInc - A very pragmatic set of well-designed agents, skills

Get
18
S

SuperClaude

by SuperClaude-Org

Get
19
M

MCP Toolbox for Databases

MCP Toolbox for Databases enables your agent to connect to your database

Get
20
A

awslabs/mcp

Suite of servers for integrating with AWS services and resources

Get
21
R

Ralph for Claude Code

by Frank Bria - An autonomous AI development framework

Get
22
M

mobilerun

Automate your mobile devices with natural language commands

Get
23
O

openstatus

Manage monitors, status pages

Get
24
C

Claude Squad

by smtg-ai - A terminal app

Get

About openai/figma-implement-design

O

openai/figma-implement-design

Translate Figma designs into production-ready code with 1:1 visual fidelity

figma-implement-design is an agent skill from OpenAI's curated skills collection that translates Figma designs into production-ready application code with 1:1 visual fidelity. It fetches the design context and screenshots through the Figma MCP server, then maps the design tokens, layout and assets onto the project's existing component library and conventions, so the result fits the codebase rather than standing apart from it. It works through a validated checklist before it marks an implementation complete, which is how it checks that spacing, colors and typography match the source. Instead of manually cross-referencing Figma specs and guessing token mappings, the skill takes the values from the structured design data. Typical uses include turning a Figma component URL into a typed React component with matching tokens, rebuilding a dashboard layout from a Figma file without manual spacing calculations, extending an existing button component with a new variant from Figma, downloading and wiring SVG assets from a Figma frame without adding an icon package, and auditing implemented UI against a Figma screenshot to catch spacing or color drift. It suits front-end developers who work from Figma and want faithful implementations without repeated back-and-forth. Make sure the Figma MCP server is connected before you start. The skill is listed on officialskills.sh and installs from the openai/skills repository. Install it with npx skills add https://github.com/openai/skills --skill figma-implement-design.

View openai/figma-implement-designAll AI Skills apps
Price
Free
Made by
openai
Category
AI Skills
Website
github.com/openai/skills/figma-implement-design