AI Agents Marketplace

Showing 24 of 24 results

Development ClawHub

Figma

Skill

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.

Development ClawHub

Figma

Skill

Interact with Figma files to read structure, export layers as images, and retrieve comments using the Figma REST API with authentication.

Development ClawHub

Figma

Skill

Figma 集成。浏览团队项目与文件,读取设计结构、页面、节点,导出图片,管理评论,查看版本历史,检查组件/组件集/样式,获取设计变量(Token)。通过 MorphixAI 代理安全访问 Figma API。

Development ClawHub

Figma

Skill

Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.

Development ClawHub

Figma

Skill

Read files, manage comments, extract design tokens, download images, and create webhooks in Figma — powered by ClawLink.

Development ClawHub

Figma Sync

Skill

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"

Development ClawHub

Figma Plugin Writer

Skill

自动生成和更新 Figma 插件的 code.js 以创建和修改设计元素,用户更新代码后需手动运行插件执行。

Development ClawHub

figma-desktop

Skill

Figma 桌面 MCP Skill - 通过 Figma 桌面应用本地 MCP 服务访问完整功能,包括 Figma Make 设计生成、代码生成、设计系统管理等,无需 OAuth 认证

Development ClawHub

Figma To Static 2.0.5

Skill

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)...

Development ClawHub

Figma Bridge

Skill

Extract design information from Figma files. Pull design tokens, component structure, colors, typography, spacing, and export assets. Use when the user asks...

Development ClawHub

figma-optimizer

Skill

从Figma设计稿生成符合项目组件库和设计规范的高质量前端代码

Development ClawHub

figma-pixel

Skill

Figma-to-frontend visual QA workflow for building pages from Figma designs and tightening existing implementations. Captures the target page, exports the sel...

Development ClawHub

Figma to Mobile

Skill

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...

Development ClawHub

Figma Design Integration

Skill

Figma design asset reading, code generation, and MCP integration. Covers REST API direct calls and MCP Server capabilities for design-to-code workflows. **Us...

Development ClawHub

Figma Agent

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...

Development ClawHub

figma-design-analyzer

Skill

分析Figma设计文件,提取设计系统数据(颜色、字体、间距、组件),导出截图,并与实际实现进行比对验证。使用JavaScript/Node.js实现,当用户需要处理Figma设计文件、提取设计规范、导出设计资源或验证设计实现时使用此技能。

Development ClawHub

Figma Mobile

Skill

将 Figma 设计稿转为移动端 UI 代码(Android Jetpack Compose / XML,iOS SwiftUI / UIKit)。 在用户粘贴 Figma 链接并希望生成布局代码时使用。 通过 Figma REST API 提取设计树与 token,必要时追问澄清,再输出可落地的工程代码。

Development ClawHub

Figma Mobile Cn

Skill

将 Figma 设计稿转为移动端 UI 代码(Android Jetpack Compose / XML,iOS SwiftUI / UIKit)。 在用户粘贴 Figma 链接并希望生成布局代码时使用。 通过 Figma REST API 提取设计树与 token,必要时追问澄清,再输出可落地的工程代码。

Development ClawHub

Figma Pencil Fsd Tailwind4

Skill

Convert Figma or Pencil designs into production-ready frontend code using Feature-Sliced Design and Tailwind CSS v4. Use when translating designs into code,...

Development ClawHub

智能 UI 美化技能,支持30种设计风格(Notion/Figma/Linear/Apple 等),自动检测项目类型并生成实时预览

Skill

基于 DESIGN.md 自动美化网站 UI,支持 16 种设计风格,提供样式差异报告和 CSS 变量覆盖方案。

Development ClawHub

Design To Code

Skill

Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...

Development ClawHub

implement-design

Skill

Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design...

Development ClawHub

UI Prototype Generator

Skill

从参考图片或描述生成交互式原型。默认输出 HTML 格式,仅在用户明确要求时使用 Figma。支持 (1) 用于网页预览和测试的 HTML 原型,(2) 通过 API 生成 Figma 设计文件用于设计交接和协作,(3) 基于组件架构的可复用 UI 元素,(4) 响应式布局和交互状态,(5) 基于反馈的快速迭代。