Figma agent skills, page 2

Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library.

Khan/wonder-blocks

A skill your agent uses when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

lintendo/Axhub-Skills

Add a Figma Code Connect (.figma.tsx) file for a Cauldron React component.

dequelabs/cauldron

Builds short, unnarrated motion graphics such as kinetic type, stat count-ups, logo stings, lower thirds, animated maps and tweets, rendered to MP4 or a transparent overlay.

heygen-com/hyperframes

Comprehensive guide to Uni-CLI — the open Agent-Computer Interface runtime for real software.

olo-dot-io/Uni-CLI

Build a Figma design from code or a description — the reverse of figma-codegen.

awdr74100/figwright

A skill your agent uses when building Figma plugins, creating design automation tools, implementing sandbox/UI communication, or working with the Figma Plugin API for node manipulation, styles, and…

bergside/design-md-figma

Use the daleui React design system with semantic Panda CSS tokens and accessible components.

DaleStudy/daleui

L1 × AI 设计评审：对已完成的单页、局部 UI 设计稿进行小型迭代评审，识别影响面、状态遗漏、文案与一致性风险，并给出 P0/P1/P2 建议和验收清单。用户提供 Figma 链接、截图、前后设计稿或可评审原型，并要求设计走查、风险评审或开发前 UI 检查时使用；不用于设计前方案预检、完整多页面流程或 L2 开发交付。

PaperMoonuu/Design-workflow-skills

A skill your agent uses when the user requests to design, create, build, generate, or make a new Figma component or screen — including phrases like "make a button", "design a settings page", "build…

noemuch/bridge

Build, edit, refine, troubleshoot, and review polished responsive product interfaces through the Loora MCP server and its structured Canvas schemas.

lassejlv/loora

Blueprint animation that explains UX decisions step by step.

moguzbulbul/blueprint-animation

Export Figma variables and styles as DTCG design tokens JSON via the tokens-bruecke CLI, either from the Figma REST API or from a local snapshot of Plugin API data.

tokens-bruecke/figma-plugin

Converts a working code prototype into a structured Figma file with one frame per interaction state, mapped to your design system and annotated with transitions.

alima-max/prototype-to-figma-skill

A skill your agent uses when translating a PRD, feature spec, or raw product idea into screen-level prompts for web UX generators (Google Stitch, Figma AI, Pencil.dev, Claude Design, v0, or similar).

ragnar-pwninskjold/tech-snacks

Builds a navigable deck with discrete slides, fragment reveals, and branching, instead of rendering a flat video, with built-in presenter notes.

heygen-com/hyperframes

用 Figma MCP 生成 B/C 端可编辑 UI 原型。用户说画原型、线框图、Figma 稿、后台页面、App 页面时使用。

pmlaowangba-lab/laowangba-pmprototype-skill

Translates an image (or a set of image references — screenshots, mockups, Figma URLs, live websites) into two mirrored design-system artifacts: docs/design.md (YAML tokens + prose, following…

BuildGreatProducts/builder-os

Generate framework-aware code from a Figma design. An agent skill from awdr74100/figwright.

awdr74100/figwright

Audit mobile App PRD/Figma/local-source consistency across page routes, KMP/Clean Architecture, components, analytics, i18n, engineering quality, and industry lenses before runtime validation; use…

leo-kuang-ai/spec-first

Author a new Design System Doc Spec (DSDS) spec from component implementation, Figma design, or written requirements.

somerandomdude/design-system-documentation-schema

End-to-end presentation workflow usable in Codex and Claude Code.

NomaDamas/slides-grab

Make a site behave on real phones — the defects no Lighthouse run or headless scroll test sees, learned from site owners reviewing production sites on an iPhone.

textura-agency/next16-claude-starter

REQUIRED reading before using figmaexecute. An agent skill from youware-labs/figma-pilot.

youware-labs/figma-pilot

Guides writing correct, performant Compose and Compose Multiplatform UI across Android, desktop, iOS and web, from state and animation to design-to-code and crash fixes.

rcosteira79/android-skills

A skill your agent uses when working in the znsio/teswiz repository to modify framework code, Cucumber/TestNG hooks, Applitools visual testing flows, configs/caps, or related docs/tests.

znsio/teswiz

Implements Angular application views from design images using Ignite UI Angular components.

IgniteUI/igniteui-angular

Manually invoked skill for reskinning Payload UI components.

payloadcms/payload

A skill your agent uses when the user says "setup", "setup bridge", "extract", "extract DS", "onboard", "build knowledge base", "initialize bridge", or is starting Bridge in a project for the first…

noemuch/bridge

Sync icons from the Figma file into wds-icon and open a PR by dispatching the figma-icon-sync-code-connect.yml GitHub Actions workflow.

wanteddev/montage-web

Creates or revises Figma designs from a written description using the Figma MCP authoring tools, in a new blank file or an existing one.

warpdotdev/warp

Theme and style Ignite UI Web Components (and igniteui-react) apps using CSS custom properties, optional Sass, and the igniteui-theming MCP server.

IgniteUI/igniteui-webcomponents

Drives desktop Electron apps already installed on your machine, such as Slack, Discord or VS Code, by relaunching them with a debugging port and using the Libretto CLI.

cashew-labs/libretto

Diff the Figma component library against the MQTT Viewer frontend and produce a handover doc listing exactly what code needs to change.

mqtt-viewer/mqtt-viewer

Extract design tokens, text styles, and variables from a Figma design system and produce a design-tokens.json plus ready-to-use QML singletons.

TheQtCompanyRnD/agent-skills

Inspects Figma designs through the figma CLI and Figma's MCP server to read variants, spacing, tokens and layouts and to extract assets for implementation.

asgeirtj/system_prompts_leaks

Generates and customizes Ignite UI for Angular themes including color palettes, typography, elevations, and component-level styles using the Sass theming system and the igniteui-theming MCP server.

IgniteUI/igniteui-angular

Reproduces and adjusts web layouts from Figma, Claude Design exports, screenshots, or an existing project style with high visual fidelity and proportional verification.

pavel-molyanov/molyanov-ai-dev

A skill your agent uses when the user says they adjusted the design in Figma, mentions "fix", "correct", "learn from", "I changed", "diff", "what changed", or wants the system to incorporate manual…

noemuch/bridge

Implement application views from design images (screenshots, mockups, wireframes) using Ignite UI Web Components, with the igniteui-cli and igniteui-theming MCP servers for component discovery…

IgniteUI/igniteui-webcomponents

Write a six-section prose description (purpose, props, anti-patterns, composition, accessibility, examples) for a Figma component's description field so LLMs read it via MCP.

murphytrueman/design-system-ops

Stage 3 conversion skill usable in Codex and Claude Code. An agent skill from NomaDamas/slides-grab.

NomaDamas/slides-grab

Plans UX flows, maps product needs to Weave Design System components, and generates structured Figma mockups using Autodesk Weave libraries.

DynamoDS/Dynamo

Submission-grade Nature/high-impact journal figure workflow for Python or R.

NeuroAIHub/BrainPilot

A skill your agent uses when the user says "done", "ship it", "finish", "complete", "archive", or otherwise indicates the current design is ready to be shipped.

noemuch/bridge

Install and integrate Ignite UI Web Components packages into React, Angular, Vue 3, LitElement, or vanilla JS/HTML apps, detecting the framework and applying framework-specific setup (package…

IgniteUI/igniteui-webcomponents

Design-to-code workflow for Figma designs. An agent skill from epam/ai-dial-chat.

epam/ai-dial-chat

Implement an already chosen Figma target faithfully while verifying unrepresented behavior, states and responsive gaps.

3x-haust/oh-my-design