用途:Figma Skill 面向需要真实 Figma 文件上下文的任务,目标是在实际文件上工作,而不是根据截图或模糊描述推测设计。
主要能力与默认工具:理解设计用 get_design_context;仅查看文件结构用 get_metadata;截图用 get_screenshot;检索设计系统用 search_design_system;直接写入画布用 use_figma;首次把网页捕获进 Figma 用 generate_figma_design。
推荐流程:先从 Figma URL 中提取 fileKey 和 nodeId;设计转代码默认使用 get_design_context;创建组件前先在设计系统中搜索可复用资产;在已有文件内编辑使用 use_figma;仅在首次把网页或视图捕获到 Figma 时使用 generate_figma_design。
Code Connect 工作流:读取映射用 get_code_connect_map;获取建议用 get_code_connect_suggestions;保存已批准的映射用 send_code_connect_mappings;添加直接映射用 add_code_connect_map。
限制与注意事项:需要实际实现指导时优先用 get_design_context 而非 get_metadata;重建组件前先搜索设计系统;大范围破坏性画布编辑属高风险,批量删除或重写前需确认。参考笔记位于 skills/figma-skill/references/figma-skill.md。