moai-mcp-figma
关于
This Claude Skill provides MCP-based Figma integration for extracting design systems, generating code components, and syncing design tokens. It enables design-to-code workflows by converting Figma files, auto-layouts, and assets into development-ready code for frameworks like React and Vue. Use it when integrating Figma designs into your development process to automate component generation and maintain design consistency.
快速安装
Claude Code
推荐npx skills add modu-ai/moai-adk -a claude-code/plugin add https://github.com/modu-ai/moai-adkgit clone https://github.com/modu-ai/moai-adk.git ~/.claude/skills/moai-mcp-figma在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
moai-ai-nano-banana
其他这是一个用于集成Nano-Banana AI服务的Claude Skill，提供内容生成、图像创建和文本分析功能。它使开发者能够在工作流中调用AI服务进行文档编写、代码生成和图像处理等任务。该Skill特别适合需要集成多模态AI能力到开发流程中的场景。
moai-ai-nano-banana
其他这个Skill为开发者提供了Nano-Banana AI服务的集成，主要用于AI驱动的内容生成和图像创建工作流。它支持文本生成、代码编写、图像创建与编辑以及多模态AI操作等核心功能。当开发者需要在项目中集成AI服务进行内容创作时，可以直接使用这个集成工具来简化开发流程。
moai-mcp-figma
其他这是一个专为开发者设计的Figma MCP集成工具，用于在开发流程中无缝接入Figma设计。它能自动提取设计系统、同步设计令牌，并生成React/Vue等框架的组件代码。当您需要将Figma设计转换为可用的开发代码或集成设计系统时，这个Skill能显著提升设计到代码的工作流效率。
moai-mcp-notion
其他这个Claude Skill专门用于Notion工作空间的MCP集成，支持数据库操作、页面管理和知识提取。它特别适合自动化文档工作流和Notion数据管理，提供API集成、查询过滤、模板自动化等核心功能。开发者可在集成Notion工作空间、管理数据库或需要自动化文档处理时使用此工具。