Figma AI Agent Skills
AI agent skills for Figma integration. Design token extraction, component generation, and design-to-code workflows.
7 listings
Figma Automation
Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas.
Figma to Flutter MCP Server
MCP ServerFigma to Flutter MCP Server 🌐 Available in: 한국어 (Korean) | 日本語 (Japanese) | 简体中文 (Simplified Chinese) | 繁體中文 (Traditional Chinese) Utilize Figma's rich data in your coding agent. Implement designs in Flutter way! Use Cursor or other AI-powered tools to access Figma's rich files, data, components and much more using MCP server. - 🦋 Observable Flutter 70 - 🎥 Short Video Demo - 📝 Getting Started
Agent Skills
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
Framelink MCP for Figma
MCP ServerFramelink MCP for Figma Give your coding agent access to your Figma data. Implement designs in any framework in one-shot. Give Cursor and other AI-powered coding tools access to your Figma files with this Model Context Protocol server. When Cursor has access to Figma design data, it's way better at one-shotting designs accurately than alternative approaches like pasting screenshots. See quickstart
Figma Implement Design
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.
Start in stdio mode (default)
MCP ServerOfficial MCP server for Flowbite to leverage AI for UI creation and theme generation An MCP server that enables AI assistants to access the Flowbite library of Tailwind CSS components—including UI elements, forms, typography, and plugins—while offering an intelligent theme generator for creating custom branded designs within AI-driven development environments. - 🎨 [NEW] Figma to code - Copy the F
MCP 服务器
MCP ServerEnglish Version 一个用于与语雀 API 集成的 Model-Context-Protocol (MCP) 服务器。此实现受 Figma-Context-MCP 的启发,并使用 语雀开放 API。 该服务器提供了与语雀知识库平台交互的 MCP 工具,允许 AI 模型: - 获取用户和文档信息 - 创建、读取、更新和删除文档 - 获取统计数据和分析信息 要使用 Smithery 将 Yuque MCP Server 自动安装到 Claude 桌面端: - Node.js 18+ (推荐) - 拥有 API 令牌的语雀账号 3. 基于 .env.example 创建 .env 文件: 4. (可选) 在 .env 文件中添加你的语雀 API 令牌: 你也可以选择在连接到服务器时通过查询参数提供令牌,而不是在 .env 文件中设置。 然后在 HTTP 或 CLI 模式下运行: 本项