“Figma”

Build or update a professional-grade design system in Figma from a codebase.

This skill should be used when the user asks to analyze a UI screen recording and map interaction states into Figma.

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as…

Router and composition workflows for Figma via the official Figma MCP: which Figma skill/tool for which job, capture-to-canvas (screenshots or shotcraft crops…

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call.

用于处理涉及检查、读取、创建、编辑、导出或代码映射的 Figma 内容任务，也用于将 HTML/React/Vue 等网页复制到 Figma，尤其适用于当前选区、设计系统、Figma MCP、Drafito、Figwright 或需要避免 MCP 工具污染上下文的场景。当用户需要可批注 Figma…

Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design…

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

Use when implementing, reviewing, or planning Angular UI from a Figma link/frame using tds-ui components and tds-color tokens, updating/syncing TDS token JSON…

Connects Figma design components to code components using Code Connect mapping tools.

Build or update a professional-grade design system in Figma from a codebase.

Generates custom design system rules for the user's codebase.

Implement an entire Figma page by auto-splitting into frames with visual verification.

Implement an entire Figma page as Android Jetpack Compose screens by auto-splitting into frames with visual verification.

Design a Google Analytics 4 tracking plan (measurement plan) for a website, landing page, web-app flow, Figma design or codebase - business objectives, KPIs…

Extract the design of a screenshot, website URL or Figma file into a design.md with tokens, components, layout and brand rules, or copy one element (navbar…

处理 Axhub Commentary 完整工作流。优先读取本地页面批注文档，落实修改并更新批注状态，或在用户确认后写入删除标记；本地读取失败时再确认 ACP UI 并生成临时可批注地址。也可为已接入 @axhub/annotation 的页面准备标注编辑环境，或配置 AI 侧边栏对话、AI…

Rigorous visual and UX design review for UI screens and flows.

Route UI work to the right design workflow, applying Charles's recorded style rules over generic defaults.

Transform any DOCX document with world-class brand styling.

Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (123 pages pulled from developer.apple.com, including 57 component pages)…

Set up a reproducible image generator in a project (Open Graph and social cards, link previews, project or product tiles, README banners, store screenshots)…

Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (123 pages pulled from developer.apple.com, including 57 component pages)…

Create an interactive physical-mechanism illustration when directly invoked.