figma-design-tool-freeFigma设计集成工具免费版，面向个人设计师的Figma工作区访问工具。核心能力：，可自动提升工作效率 - 浏览Figma团队项目与文件列表 - 读取设计文件结构与指定节点详情 - 导出设计图片（PNG/JPG/SVG/PDF） - 查看文件评论与版本历史 适用场景： - 个人设计师查看设计文件 - 开发者获取设计资产与图标 - 设计走查与评论查看 差异化：免费版聚焦文件浏览、节点读取与图片导出，适合个人使用'
Install via ClawdBot CLI:
clawdbot install thcjp/figma-design-tool-freeLoading skill content… the page will refresh in a moment.
Usage Guide
Loading usage data… refresh in a few seconds.
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Senior product designer methodology ensuring thorough user research, structured architecture, accessible color and typography systems, and pixel-perfect UI e...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-conv...
Shared design system for yuanfang-skills. Provides token CSS variables, 12+ themes, and reusable layout-type HTML blocks. Used by yuanfang-html-image (and fu...
Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system generation, Master/Page overrides, distinc...