AI Agents Marketplace
Showing 24 of 24 results
Figma
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
Figma
Interact with Figma files to read structure, export layers as images, and retrieve comments using the Figma REST API with authentication.
Figma
Figma 集成。浏览团队项目与文件,读取设计结构、页面、节点,导出图片,管理评论,查看版本历史,检查组件/组件集/样式,获取设计变量(Token)。通过 MorphixAI 代理安全访问 Figma API。
Figma
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.
Figma
Read files, manage comments, extract design tokens, download images, and create webhooks in Figma — powered by ClawLink.
Figma Sync
Read Figma files, extract design tokens, generate React Native Expo TS or Web React + Tailwind code, write back to Figma, and diff local models against Figma for minimal patches. Triggers: "pull figma", "sync figma", "figma to code", "push to figma", "diff figma", "extract design tokens", "generate from figma", "preview figma changes"
figma-desktop
Figma 桌面 MCP Skill - 通过 Figma 桌面应用本地 MCP 服务访问完整功能,包括 Figma Make 设计生成、代码生成、设计系统管理等,无需 OAuth 认证
Figma To Static 2.0.5
Convert Figma design files to pixel-level mobile-first static HTML/CSS pages. Use when: (1) user provides a Figma file link and wants a static web page, (2)...
Figma Bridge
Extract design information from Figma files. Pull design tokens, component structure, colors, typography, spacing, and export assets. Use when the user asks...
figma-pixel
Figma-to-frontend visual QA workflow for building pages from Figma designs and tightening existing implementations. Captures the target page, exports the sel...
Figma to Mobile
Convert Figma designs to mobile UI code. Supports Android (Jetpack Compose, XML) and iOS (SwiftUI, UIKit). Use when a user provides a Figma link and wants mo...
Figma Design Integration
Figma design asset reading, code generation, and MCP integration. Covers REST API direct calls and MCP Server capabilities for design-to-code workflows. **Us...
Figma Agent
Figma MCP integration for OpenClaw. Use when the user wants to read Figma designs, inspect design tokens/variables, work with Code Connect, or create/edit Fi...
figma-design-analyzer
分析Figma设计文件,提取设计系统数据(颜色、字体、间距、组件),导出截图,并与实际实现进行比对验证。使用JavaScript/Node.js实现,当用户需要处理Figma设计文件、提取设计规范、导出设计资源或验证设计实现时使用此技能。
Figma Mobile
将 Figma 设计稿转为移动端 UI 代码(Android Jetpack Compose / XML,iOS SwiftUI / UIKit)。 在用户粘贴 Figma 链接并希望生成布局代码时使用。 通过 Figma REST API 提取设计树与 token,必要时追问澄清,再输出可落地的工程代码。
Figma Mobile Cn
将 Figma 设计稿转为移动端 UI 代码(Android Jetpack Compose / XML,iOS SwiftUI / UIKit)。 在用户粘贴 Figma 链接并希望生成布局代码时使用。 通过 Figma REST API 提取设计树与 token,必要时追问澄清,再输出可落地的工程代码。
Figma Pencil Fsd Tailwind4
Convert Figma or Pencil designs into production-ready frontend code using Feature-Sliced Design and Tailwind CSS v4. Use when translating designs into code,...
Produce thoughtful, well-crafted design artifacts (slide decks, interactive prototypes, hi-fi mockups, animated videos, landing pages, dashboards, marketing one-pagers) using HTML/CSS/JS/SVG as the medium. Use this skill whenever the user asks to "design", "mock up", "prototype", "make a deck", "make slides", "make a landing page", "create a dashboard", "visualize X", "build a UI", "build an interactive demo", or any request whose deliverable is a visual artifact rather than production code. Also trigger for requests like "recreate this UI", "explore options for X", "give me variations of Y", or when the user attaches screenshots/Figma/PRDs and wants a visual response. HTML is the tool; the medium varies — embody the right expert (slide designer, UX designer, animator, prototyper) for the task
Produce thoughtful, well-crafted design artifacts (slide decks, interactive prototypes, hi-fi mockups, animated videos, landing pages, dashboards, marketing...
智能 UI 美化技能,支持30种设计风格(Notion/Figma/Linear/Apple 等),自动检测项目类型并生成实时预览
基于 DESIGN.md 自动美化网站 UI,支持 16 种设计风格,提供样式差异报告和 CSS 变量覆盖方案。
Design To Code
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
implement-design
Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design...
UI Prototype Generator
从参考图片或描述生成交互式原型。默认输出 HTML 格式,仅在用户明确要求时使用 Figma。支持 (1) 用于网页预览和测试的 HTML 原型,(2) 通过 API 生成 Figma 设计文件用于设计交接和协作,(3) 基于组件架构的可复用 UI 元素,(4) 响应式布局和交互状态,(5) 基于反馈的快速迭代。