🎨设计
338
410

code-connect-components

使用 Code Connect 将 Figma 设计组件连接到代码组件。当用户说"code connect"、"connect this component to code"、"connect Figma to code"、"map this component"、"link component to code"、"create code connect mapping"、"add code connect"、"connect design to code"或想要建立 Figma 设计与代码实现之间的映射关系时使用。需要 Figma MCP 服务器连接。

#design-systems#frontend#figma#component-architecture
分享
快速安装
>_npx skills add figma/mcp-server-guide
技术文档
正在加载文档...
仓库
仓库figma/mcp-server-guide
Star338
最后更新2026年2月27日
相关技能
65,034
22,258

web-design-guidelines

审查UI代码是否符合网页界面指南,重点关注可访问性和设计最佳实践。

vercel-labs
vercel-labs/agent-skills
24,100
32,834

ui-ux-pro-max

全面的UI/UX设计助手,支持多种框架和设计风格。

nextlevelbuilder
nextlevelbuilder/ui-ux-pro-max-skill
8,900
30,440

tailwind-design-system

使用 Tailwind CSS v4 构建可扩展的设计系统。

wshobson
wshobson/agents
7,444
26

frontend-design-system

用于构建和维护前端设计系统,确保 UI 一致性和组件复用性的技能。

supercent-io
supercent-io/skills-template
7,400
86,065

canvas-design

使用设计原则创建美丽的视觉艺术和设计。

anthropics
anthropics/skills