SkillFeeder › 全部 Skill › 设计与视觉 › prototype-to-figma

将 Claude 代码原型一键转为带交互标注的 Figma 设计文件。

prototype-to-figma

prototype-to-figma 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 alima-max/prototype-to-figma-skill。将 Claude 代码原型一键转为带交互标注的 Figma 设计文件。适合前端工程师、产品设计师。场景是设计与视觉 · Figma/UI。能做的事包括1:1 视觉还原，基于头less 渲染快照、自动映射至 Figma 设计系统组件、原生标注交互流程与细节。打开 GitHub 自行安装。

打开 GitHub

仓库
alima-max/prototype-to-figma-skill
场景
设计与视觉 · Figma/UI
适合
前端工程师、产品设计师
类型
Skill

能做什么

原文简介

Converts a working Claude Code prototype into a structured Figma design file — exploding each interaction flow into separate frames, using the target file's design system components, and annotating interaction details natively in Figma. Use this skill whenever the user asks to turn a prototype into Figma frames, generate design specs from a prototype, create a Figma handoff from code, explode a pr

同场景推荐