Skip to content
store
openai/figma-implement-design

Alternatives to openai/figma-implement-design

50 AI Skills apps to use instead, best rated first.

Top picks

  1. B

    batch-grill-me

    Get

    batch-grill-me is an agent skill from Matt Pocock's skills collection, listed on skills.sh. It interviews you relentlessly about a plan until you share an understanding. It maps decisions as a tree and asks every question it can answer now

  2. W

    webapp-testing

    Get

    Native Python Playwright scripts for testing local web applications with server lifecycle management. Includes with_server.py helper to automatically start and manage single or multiple servers before running automation scripts. Supports re

  3. C

    content-research-writer

    Get

    Assists in writing high-quality content by conducting research, adding citations, improving hooks, iterating on outlines, and providing real-time feedback on

  4. O

    openhue

    Get

    openhue is an agent skill from the OpenClaw project, listed on skills.sh. It lets an agent control Philips Hue lights and scenes through a Hue Bridge with the OpenHue CLI: turn lights on and off, dim rooms, set scenes such as movie mode, an

  5. I

    implement

    Get

    implement is an agent skill from Matt Pocock's skills collection, listed on skills.sh. It implements work from a spec or tickets: it fetches the ticket, works test-first at agreed seams, runs type checks and tests as it goes, reviews the re

  6. F

    frontend-design

    Get

    Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design choices. Guides aesthetic direction selection (brutalist, maximalist, retro-futuristic, luxury, organic, etc.) before implementat

More AI Skills apps

See all
7
A

artifacts-builder

Suite of tools for creating elaborate

Get
8
C

canvas-design

Design beautiful visual art in .png and .pdf formats using design philosophies

Get
9
M

mcp-builder

Guide for creating high-quality MCP servers to integrate external APIs

Get
10
P

pdf

Extract text, tables, metadata, merge & annotate PDFs

Get
11
X

xlsx

Spreadsheet manipulation: formulas, charts, data transformations

Get
12
F

find-skills

Discover and install specialized agent skills from the open ecosystem

Get
13
B

brainstorming

Transform rough ideas into fully-formed designs through structured questioning

Get
14
F

finishing-a-development-branch

Guides completion of development work by presenting clear options

Get
15
S

systematic-debugging

Use when encountering any bug, test failure, or unexpected behavior

Get
16
T

test-driven-development

Use when implementing any feature or bugfix, before writing implementation code

Get
17
U

using-git-worktrees

Creates isolated git worktrees

Get
18
1

1password

Set up and use 1Password CLI for sign-in, desktop integration

Get
19
A

apple-notes

Create, view, edit, delete, search, move, or export Apple Notes

Get
20
A

apple-reminders

List, add, edit, complete, or delete Apple Reminders and reminder lists

Get
21
B

bear-notes

Create, search, and manage Bear notes via grizzly CLI

Get
22
B

blogwatcher

Monitor blogs and RSS/Atom feeds for updates using the blogwatcher CLI

Get
23
B

blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume

Get
24
C

camsnap

Capture frames or clips from RTSP/ONVIF cameras and local webcams

Get
25
C

clawhub

Search ClawHub for plugins by default, or skills when explicitly requested

Get
26
C

coding-agent

Delegate coding work to Codex, Claude Code, or OpenCode as background workers

Get
27
D

discord

Discord messaging workflows through OpenClaw's message tool

Get
28
E

eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules)

Get
29
G

gemini

Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP

Get
30
G

gh-issues

Fetch GitHub issues, select candidates, spawn background fix agents, open PRs

Get
31
G

gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets

Get
32
G

github

GitHub CLI for issues, PRs, CI/check logs, comments, reviews, releases, repos

Get
33
G

gog

Google Workspace CLI for Gmail, Calendar, Drive, Contacts, Sheets, and Docs

Get
34
G

goplaces

Query Google Places for text search, place details, resolve, reviews

Get
35
H

healthcheck

Audit/harden OpenClaw hosts: SSH, firewall, updates, exposure, backups

Get
36
H

himalaya

Himalaya CLI for IMAP/SMTP mail: list, read, search, compose, reply, forward

Get
37
I

imsg

Use the imsg CLI from OpenClaw agents for iMessage/SMS DMs, groups, replies

Get
38
M

mcporter

List, configure, authenticate, call, and inspect MCP servers/tools

Get
39
M

model-usage

Summarize CodexBar local cost logs by model for Codex or Claude

Get
40
N

nano-pdf

Edit PDFs with natural-language instructions using the nano-pdf CLI

Get
41
N

notion

Notion CLI/API for pages, Markdown content, data sources, files, comments

Get
42
O

obsidian

Work with Obsidian vaults

Get
43
O

openai-whisper

Local speech-to-text with the Whisper CLI (no API key)

Get
44
O

openai-whisper-api

OpenAI Audio Transcriptions API via curl

Get
45
O

oracle

Oracle CLI second-model review/debug/refactor/design

Get
46
O

ordercli

Foodora-only CLI for checking past orders and active order status

Get
47
P

peekaboo

Capture and automate macOS UI with the Peekaboo CLI

Get
48
S

sag

ElevenLabs text-to-speech with mac-style say UX

Get
49
S

session-logs

Search and analyze your own session logs (older/parent conversations) using jq

Get
50
S

sherpa-onnx-tts

Local text-to-speech via sherpa-onnx (offline, no cloud)

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