Навыков: 8 867. Сортировка по числу звёзд.
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate...
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `create_new_file` tool call. NEVER call `create_new...
Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a n...
[Frontend] Extract design context from Figma URLs via MCP, REST API, or screenshot fallback. Produces structured design...
Design collaborative UI/UX projects in Figma with real-time teamwork. Use for: interface design, component systems, Auto...
Figma workflows, components, auto layout, constraints, prototyping, design systems, and plugin development based on Figm...
Use this skill when working with Figma designs to generate code. Converts Figma layouts, components, and styles into pro...
Write a structured design brief for a Figma design task from a product requirement or feature request. Use when asked to...
Verify a planned or completed UI change against the Figma design via the Figma MCP before writing or editing component,...
Use when checking whether a built website, web app or mobile app screen matches its Figma design, doing design QA or a p...
Runs a PM-perspective design critique focused on product outcomes and user goals, not aesthetics. Use when asked for a P...
Generate DESIGN.md and SKILL.md files from Figma design systems for AI-assisted development
Figma plugin that extracts local styles and generates DESIGN.md and SKILL.md files for AI-driven design system implement...
Run a pre-handoff QA checklist on any Figma design before it goes to engineering. Use when asked to QA a Figma design, d...
Runs a pre-handoff QA checklist on a Figma design before it goes to engineering. Use when asked to QA a Figma design, do...
AI-powered design review for Figma components with weighted dual-scoring system. Evaluates Style Guide Implementation (7...
Runs a structured PM design review against product requirements. Use when asked to review a Figma design, check a design...
Use when a component's Figma design must be reviewed BEFORE any code exists — a new UI component, a design handoff, a sp...
Use this skill when implementing a Figma design as code (design → code) — the read-FROM-Figma direction. Triggers: 'impl...
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. You MUST...
Use when editing or restyling an existing Figma design via the Figma MCP (use_figma / Plugin API) — especially comment-...
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout...
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables...
Figma design knowledge for AI agents operating through MCP tools. Use whenever working in Figma via MCP — creating layou...
Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code...
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context,...
Translates Figma motion and animations into production-ready application code. Use when implementing animation/motion fr...
Keep Figma and code in sync — map the 3-tier DTCG tokens to Figma Variables (collections + modes), sync in either direct...
Decode Figma's binary Kiwi wire protocol to extract scenegraph, SVGs, and CSS from WebSocket frames, and write mutations...
Bridge Figma-to-Angular icon delivery by converting only high-confidence Lucide candidates to existing `lucide-angular`...
Always check the OMS Figma Make project before executing user work, then route to the best matching global .agents skill...
Implement or refactor UI from Figma Make exports into Angular 20 + Tailwind CSS v4 with direct repository edits, determi...
Generate, rewrite, or repair exactly one copy-ready `guidelines/Guidelines.md` for Figma Make, with self-contained rules...
Run and build Figma Make exported code locally with automatic dependency resolution and asset handling
Enforces pixel-perfect implementation of Figma designs by exhaustively extracting every visual property from Figma, spin...
Provides instructions and workflows for using the Figma MCP (Model-Context-Protocol) server to interact with Figma and F...
Convert Figma designs into production-ready code using MCP server tools. Use this skill when users provide Figma URLs, r...
Stream live Figma document data to AI tools via MCP server, bypassing API rate limits for free users
Automate Figma designs with AI using MCP server - no API limits, full read/write via plugin bridge
Router and composition workflows for Figma via the official Figma MCP: which Figma skill/tool for which job, capture-to-...
Convert Figma or Pencil designs into production-ready frontend code using Feature-Sliced Design and Tailwind CSS v4. Use...
Control Figma through code execution with MCP - create, modify, and query design elements programmatically via AI agents
Implement Figma UI with export-faithful assets, a screen×state inventory, a control measured in its shipping parent, and...