Навыки: Дизайн

界面动效的查阅层:59 条效果目录(什么时候用 / 什么时候别用 / 引擎无关的方法)+ 63 个参数令牌(值 / 值域后果 / 校准状态)+ 6 个共用算法(贝塞尔求解、弹簧解析解、动量投射、橡皮筋、速度采样、FLIP)。figkit 各...

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma...

Bring Figma into a HyperFrames video - rendered assets, brand tokens, components, storyboard frames as reconstructed mot...

Build Figma plugins, export selected frames, audit components, and map variables to design tokens using the Plugin and R...

| ID | figma-dev-mode |

Figma design-to-code expert. Use when implementing from Figma URLs, extracting design tokens, managing Code Connect, gen...

Figma router: Code Connect, screens, design systems, FigJam, use_figma.

Figma integration for AI agents via ClawLink — browser login, no API key setup. Connect Figma through ClawLink's hosted...

Figma collaborative design tool. Use for UI/UX design.

Integrate with Figma API for design automation and code generation. Use when extracting design tokens, generating React/...

Extract design data from Figma files. Use for getting design tokens, component specs, and generating code from Figma des...

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → r...

(ePost) Use when extracting Figma data, mapping design tokens to code, or comparing implementation against Figma designs...

Use when reading or writing Figma designs, Code Connect, or design-system work via Figma MCP and plugin skills.

Implement UI directly from Figma designs using the Figma MCP with pixel-perfect fidelity. Use when given a Figma URL, as...

Figma design-to-code workflow. Read Figma files, inspect components, extract design tokens, and translate designs to imp...

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma...

Translate Figma designs into production code using the Figma MCP server. Covers the required get_design_context, get_met...

Bidirectional Figma skill — read designs and write back to Figma. READ: extract tokens, map Vue/Reka UI components, tran...

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → r...

Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple format...

Figmaからデザインデータを取得し、React Nativeコンポーネントやデザイントークンに変換する。「Figmaからデザインを取って」「Figmaのカラーを抽出して」「Figmaのコンポーネントをコードにして」などのリクエストで使用す...

Use when the user wants Figma/FigJam work in NewBrain — generate UI designs, flowcharts, architecture diagrams, design-t...

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma...

Control Figma from the shell via Flue - a plugin bridge to the Figma Plugin API without an MCP server.

Control Figma Desktop directly via CLI — create components, design tokens, layouts, icons, and export designs. No API ke...

Guide for working with Figma designs via the Figma MCP server — translating designs to code, pushing code back to Figma,...

Analyze Figma designs for code implementation readiness and design-code parity. Use when working with Figma URLs, analyz...

Extract design assets and metadata from Figma using the Figma REST API. Supports exporting frames/components as images,...

Generate structured developer handoff annotations for a Figma screen or component. Use when asked to write Figma annotat...

Direct Figma API interactions for design asset management. Fetch files and components, extract design tokens, export ima...

Implement or refactor Figma screens in Angular using strict Atomic Design order (atoms -> molecules -> organisms -> temp...

Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools f...

Extract design information from Figma files. Pull design tokens, component structure, colors, typography, spacing, and e...

Transform Figma designs into LLM-friendly HTML/CSS for AI-assisted development

Visual-fidelity verification for implementing web UI from Figma. Compares native 4x Figma exports with real Chromium ren...

Chrome extension that captures webpages into Figma's clipboard format with font fixes and DOM cleanup

Organizes a user-supplied reference image and reference code (any language/framework, not fetched from Figma MCP) into `...

Captures a screenshot and reference JSX code from a Figma node URL and saves both to `.figma/` as `<node-id>.png` and `<...

Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user me...

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect",...

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect",...

Audit a Figma component library for consistency, coverage gaps, and naming issues. Use when asked to audit components, r...

Use powerful Figma Console MCP capabilities as Markdown skills for design tokens, variables, components, WCAG lint, a11y...

Cache-enabled Figma Context MCP server for AI agents to fetch and analyze Figma designs with persistent disk caching

Unofficial Figma desktop client for collaborative interface design, prototyping, and FigJam whiteboarding

Craft de layout ao DESENHAR no Figma via MCP (code-to-design). Ativa sempre que a tarefa for criar, montar, editar, corr...

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate...