Skip to content

Claude Code Figma plugins and skills

Flowy lists 56 plugins for Figma work in Claude Code. Each one bundles skills a Claude Code agent can load while you work. Every listing shows what is inside before you install, who built it, and whether it is Auto-invoked, meaning a FLOW.md router fires the right skill as you prompt instead of leaving them dormant.

open-design
Auto-invokedPlugin

open-design

🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.

164 skills
@nexu-io@nexu-ioView Plugin
understand-anything
Auto-invokedPlugin

understand-anything

Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.

9 skills
@egonex-ai@egonex-aiView Plugin
hyperframes
Plugin

hyperframes

Write HTML. Render video. Built for agents.

27 skills
@heygen-com@heygen-comView Plugin
metabase
Plugin

metabase

Metabase is the easy, open-source way for everyone in your company to ask questions and learn from data.

31 skills
@metabase@metabaseView Plugin
diagram-design
Plugin

diagram-design

Editorial diagrams your designer won't hate. Editorial diagram types for Claude Code, Codex, Factory Droid, Pi, and Agent Skills-compatible hosts. Self-contained HTML + SVG. No shadows. No Mermaid slop.

1 skill
@cathrynlavery@cathrynlaveryView Plugin
knowledge-work-plugins
Plugin

knowledge-work-plugins

Plugins that turn Claude into a specialist for your role, team, and company. Built for Claude Cowork, also compatible with Claude Code.

200 skills
@anthropics-2@anthropics-2View Plugin
huashu-design
Plugin

huashu-design

「打字。回车。一份能交付的设计。」 "Type. Hit enter. A finished design lands in your lap." 在你的 agent 里打一句话,拿回一份能交付的设计。 3 到 30 分钟,你能 ship 一段产品发布动画、一个能点击的 App 原型、一套能编辑的 PPT、一份印刷级的信息图。 不是「AI 做的还行」那种水平——是看起来像大厂设计团队做的。给 skill 你的品牌资产(logo、色板、UI 截图),它会读懂你的品牌气质;什么都不给,三套逻辑顾问 + 60 种

1 skill
@alchaincyf@alchaincyfView Plugin
video-shotcraft
Plugin

video-shotcraft

AI video skill for Claude Code & Codex — cinematic product videos with Remotion: 152 shot recipe cards, 209 motion previews, a production-ready template

1 skill
@vincentwei1021@vincentwei1021View Plugin
tech-leads-club-agent-skills
Plugin

tech-leads-club-agent-…

The secure, validated skill registry for professional AI coding agents. Extend Antigravity, Claude Code, Cursor, Copilot and more with absolute confidence.

92 skills
@tech-leads-club@tech-leads-clubView Plugin
preline
Plugin

preline

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

2 skills
@htmlstreamofficial@htmlstreamofficialView Plugin
thesvg
Plugin

thesvg

7,400+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg

1 skill
@glincker@glinckerView Plugin
figma
Plugin

figma

The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files. Rate limits apply to Figma MCP server tools that read data from Figma.

14 skills
@figma@figmaView Plugin
pi-mcp-adapter
Plugin

pi-mcp-adapter

Use MCP servers with Pi without burning your context window.

1 skill
@nicobailon@nicobailonView Plugin
ux-ui-agent-skills
Plugin

ux-ui-agent-skills

Turn Claude into a senior design architect: DTCG tokens, 50 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 43 objective gates that fail the build instead of faking success.

19 skills
@plugin87@plugin87View Plugin
pydantic-deepagents
Plugin

pydantic-deepagents

Open-source, self-hosted Claude Code - a terminal AI assistant and the Python framework behind it. Tool-calling, sandboxed execution, multi-agent teams, skills, checkpoints, unlimited context - on Pydantic AI, any model.

14 skills
@vstorm-co@vstorm-coView Plugin
arcade-mcp
Plugin

arcade-mcp

Open-source Python framework for building MCP servers and tools.

1 skill
@arcadeai@arcadeaiView Plugin
kostja94-marketing-skills
Plugin

kostja94-marketing-ski…

Markdown skill library for AI agents - SEO, content, pages, paid ads, channels, strategies. Add project context + skills; your agent delivers tailored, production-ready output. Works with Cursor, Claude Code, OpenClaw, Lovable, and any AI that reads markdown.

171 skills
@kostja94@kostja94View Plugin
styleseed
Plugin

styleseed

Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, multiple grammars, semantic palettes, reference compilation, and evidence-verified UI. MIT.

24 skills
@bitjaru@bitjaruView Plugin
figwright
Plugin

figwright

Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.

4 skills
@awdr74100@awdr74100View Plugin
ai-business-skills
Plugin

ai-business-skills

138 bilingual AI marketing skills (69 VN + 69 Global) for Claude Code, OpenCode, Codex, VS Code. Four role SOP packs — content, design, performance, leader ops — plus strategy, personal brand, AI avatar, dropshipping, design master, knowledge library. 4 regions (US/EU/SEA/LATAM) + Vietnam 2025-2026. Companion: opa-kit.

129 skills
@minhnv0807@minhnv0807View Plugin
compose-expert
Plugin

compose-expert

Jetpack Compose Agent Skill — AI-powered coding guidance with actual androidx/androidx source code receipts. Works with Claude Code, Codex CLI, Gemini CLI, Cursor, Copilot, Windsurf, and more.

1 skill
@aldefy@aldefyView Plugin
wind-comic
Plugin

wind-comic

Multi-agent AI pipeline that turns one line of text into a finished short-form drama: script, cinematic storyboards, character-consistent video. Provider-agnostic (OpenAI/Claude, MJ, Minimax, Veo/Sora, fal, ComfyUI). MIT.

7 skills
@chrischen667788@chrischen667788View Plugin
tempad-dev
Plugin

tempad-dev

Create, edit, and implement Figma designs with your coding agent.

2 skills
@ecomfe@ecomfeView Plugin
10xproductivity
Plugin

10xproductivity

A local-first stack for building a personal AI assistant for work inside real corporate constraints. Use the coding agents, browser sessions, desktop apps, notifications, and tool access you already have.

5 skills
@zhixiangluo@zhixiangluoView Plugin
qt-development-skills
Plugin

qt-development-skills

Official agentic skills for Qt software development and quality assurance, designed for use with AI coding tools such as Claude Code, Codex CLI, Gemini CLI, and GitHub Copilot.

12 skills
@theqtcompanyrnd@theqtcompanyrndView Plugin
ai-agent-camp
Plugin

ai-agent-camp

AI Agent Training for Non-Engineers - Complete Guide to Claude Code / Cursor / Codex ### ⚠️ Before you clone Official repository (maintained by the authors): Running AI agents from this repo grants them shell, file-write, and external-API permissions on your

101 skills
@minicoohei@minicooheiView Plugin
orchestkit
Plugin

orchestkit

The Complete AI Development Toolkit for Claude Code. 106 skills, 36 agents, 171 hooks. Install `ork` for stable (v9.x), or `ork-alpha` for the v10 line, which ships daily.

114 skills
@yonatangross@yonatangrossView Plugin
majiayu000-spellbook
Plugin

majiayu000-spellbook

Cross-runtime skills for Claude Code, Codex, and multi-agent workflows.

105 skills
@majiayu000@majiayu000View Plugin
majiayu000-claude-arsenal
Plugin

majiayu000-claude-arse…

Cross-runtime skills for Claude Code, Codex, and multi-agent workflows.

105 skills
@majiayu000@majiayu000View Plugin
oh-my-cover-design
Plugin

oh-my-cover-design

把文章扔给 agent,它读完内容、问你几个问题,然后输出一段可以直接跑图的封面提示词。标题自动帮你想,构图逻辑全内置好了。 支持 Claude Code、Codex,以及任何支持自定义 skill 的 AI agent。

1 skill
@hongfamonvai@hongfamonvaiView Plugin
navigator
Plugin

navigator

Finish What You Start Sessions that last. AI that learns. Features that ship.

33 skills
@alekspetrov@alekspetrovView Plugin
plaid
Plugin

plaid

An agent skill that guides founders from idea to launched product through structured conversations and AI-powered document generation.

1 skill
@buildgreatproducts@buildgreatproductsView Plugin
claude2figma
Plugin

claude2figma

Design System compliance for AI-generated Figma designs. 4 skills, 3-step preflight, zero raw values. Quick start: Clone, copy skills to .claude/skills/, paste your Figma URL into CLAUDE.md, say "let's start". Full install guide below.

4 skills
@senlindesign@senlindesignView Plugin
design-system-ops
Plugin

design-system-ops

Claude Code skills for the work that keeps a design system alive.

36 skills
@murphytrueman@murphytruemanView Plugin
adobe-skills
Plugin

adobe-skills

Repository of Adobe skills for AI coding agents.

155 skills
@adobe@adobeView Plugin
wonder-blocks
Plugin

wonder-blocks

The Khan Academy Wonder Blocks design system. This is work-in-progress and a lot of things are still in motion. More information:

@khan@khanView Plugin
bridge-ds
Plugin

bridge-ds

Design in Figma with Claude Code. Bridge connects your terminal to the Figma Plugin API via WebSocket.

5 skills
@noemuch@noemuchView Plugin
mckinsey-style-visualization-skill
Plugin

mckinsey-style-visuali…

Messy notes in. Board-ready slides out. One skill for your AI agent: turn notes, metrics, and prose into consulting-grade visuals — as real SVG slides, as an animated HTML deck, or as a spec any designer or tool can execute.

1 skill
@kgraph57@kgraph57View Plugin
dembrandt-skills
Plugin

dembrandt-skills

UX and design-system skills for AI agents. Install once, and your agent knows how to design. --all installs every skill at once. They load only when a prompt needs them, so there is no runtime cost to having them all. Want to pick by hand?

45 skills
@dembrandt@dembrandtView Plugin
respira-wordpress-skills
Plugin

respira-wordpress-skil…

The community hub for WordPress AI workflows. Skills that run inside Claude Code, Codex, Antigravity, Cursor, and any AI agent that supports Skills + MCP to analyze, audit, optimize, and fix WordPress sites. Built by the community. Curated by Respira.

51 skills
@respira-press@respira-pressView Plugin
ak-elementor-studio
Plugin

ak-elementor-studio

A Claude AI skill that converts any design into production-ready WordPress Elementor templates

1 skill
@abanoubkhaliil@abanoubkhaliilView Plugin
figma-design-system-to-design-md
Plugin

figma-design-system-to…

Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)

1 skill
@albertzhangz10@albertzhangz10View Plugin
n8n-claude-skills
Plugin

n8n-claude-skills

Production-grade Claude Skills for building, debugging, and shipping n8n workflows — distilled from 100+ production workflows by an n8n Verified Creator. Give Claude Code the instincts of a senior n8n engineer.

5 skills
@masteranime@masteranimeView Plugin
pm-os
Plugin

pm-os

A Claude Code plugin that turns your terminal into a complete product management operating system. 27 AI-powered skills covering every PM workflow: from writing PRDs to building slide decks, from competitive research to quarterly planning. No empty templates.

27 skills
@shaan-ad@shaan-adView Plugin
social-calendar-skill
Plugin

social-calendar-skill

Research, audit, compete, and publish. A complete social media intelligence and content production system for any brand, built as a Claude Code skill.

1 skill
@darthflute@darthfluteView Plugin
frontend-craft
Plugin

frontend-craft

frontend-craft is a universal frontend plugin that brings the same opinionated engineering standards to all 15 AI coding assistants.

56 skills
@bovinphang@bovinphangView Plugin
portfolio-case-study-generator
Plugin

portfolio-case-study-g…

Generate recruiter-ready portfolio case studies from raw project notes. A Claude Code skill that turns messy UX, product, and design work into structured, compelling case studies in 9 story formats.

1 skill
@sonwaneyy@sonwaneyyView Plugin
code-forge
Plugin

code-forge

설치하면 Claude Code가 더 잘 동작합니다. 전문 에이전트, 슬래시 스킬, 스택 모듈을 제공하는 Claude Code 플러그인. 검증된 사고모델(GROUND→APPLY→VERIFY→ADAPT)이 모든 작업의 품질을 일관되게 유지합니다. (에이전트/스킬 개수는 디스크가 진실 — ls agents/.md | wc -l, ls skills//SKILL.md | wc -l) 현재 상태: 개인 GitHub 운영 중 (마켓플레이스 배포 4.10.0).

23 skills
@ggombee@ggombeeView Plugin

FAQ

What are the best Claude Code Figma plugins?
Flowy lists 56 plugins for Figma, ranked by fit and signal rather than raw install count. Open any listing to read every skill in full before you install it.
Do these Figma skills run automatically?
The Auto-invoked ones do. They ship a FLOW.md router and a hook, so Claude Code loads the matching skill as you prompt. Indexed listings install normally and you invoke them yourself.
How does Flowy decide a plugin is a Figma plugin?
The tag is derived from the plugin's own content, its skill names, descriptions, README and file types, not from a tag someone typed. A plugin appears here only when its real content matches.
Are these Figma plugins free?
Yes. Flowy is free and open source with nothing gated. You can read every skill before installing, and each listing links to its upstream repository and its creator.

Browse every plugin