以下是 原型 相关内容，总共有 23 条记录。
手把手教你把常用按钮 表单这类组件做成 Figma 变体：先定命名规则和属性，再补齐 Auto Layout 和约束，最后用交互变体做出可演示的状态切换。按本文流程做完，你的组件库会更统一、替换更快、交付更稳。
一步步做出一个可复用的按钮组件：Auto Layout 结构、约束与内边距、四种状态（默认 悬停 按下 禁用），并用 Variables 管理颜色与圆角，让样式统一且易维护。
这是一份面向日常设计工作的资源清单，覆盖图标、字体、插画、配色、原型与模板等常用环节，优先收录可直接访问的站点与工具，并标注免费商用或需看协议，方便快速查找与替换。
Figma AI 把生成式能力直接放进协作设计流程：从线框到界面组件、从占位文案到可用微文案，一套方法把出稿速度拉满，同时避免“好看但不可用”的AI幻觉。
v0 是一款以提示词驱动的 UI 生成工具，可把产品想法快速转成可编辑的页面与组件代码。本文分享适合设计师与前端的上手流程、提示词模板与落地注意事项。
Relume AI 是一款把一句话需求快速转成网站信息架构、线框与组件方案的工具，适合产品、设计与独立开发提速原型到落地。
用 Figma AI 把从想法到可用界面草图的时间压到几分钟：从文本生成初稿、快速改版、复用组件与样式，让产品 设计 运营更快对齐方向并落到可交付原型。
v0 是 Vercel 推出的 AI UI 生成工具，支持用中文 英文描述页面需求，快速生成可用的界面与前端代码草稿，适合做原型、落地页和后台管理界面初稿。
v0 是一款用自然语言生成 UI 界面与前端代码的工具，适合设计师和产品快速把想法变成可预览、可迭代的页面原型，并在组件层面持续优化细节。
Figma AI 是近期开启更深度“从文本到UI”的设计协作能力：把草图、需求文字、现有组件快速转成可编辑的界面稿，并在团队协作、组件规范与原型迭代中持续可用。本文用一篇把流程讲清。
围绕 Figma AI 的 UI 生成能力，给出从提示词到可编辑界面的完整工作流：提示词结构、组件约束、可用场景与常见踩坑，帮助设计师更高效地产出高保真原型。
Galileo AI 是一款以“文字描述→界面草图 高保真UI”为核心的生成式设计工具，适合产品 运营 设计师在早期快速出原型、探索布局与组件风格，并可继续在 Figma 等工具里精修落地。
v0 是一款面向产品与设计团队的 UI 生成工具：用一句话描述页面需求，即可生成可编辑的界面草稿，并能持续对话迭代布局、组件与文案，适合快速做原型与落地界面。
v0 是一款把自然语言需求快速转成可编辑网页界面原型的 AI 工具，适合做落地页、后台页面和组件草稿。本文讲清它的核心能力、适用场景、提示词写法与交付方法。
v0 是 Vercel 推出的 UI 生成工具：用一句话把需求变成可运行的前端界面草稿。它特别适合做产品原型、落地页和运营组件，让设计与开发沟通更快。
v0 是一个面向产品与设计的 UI 生成工具：用自然语言描述界面与交互，即可v0 是面向产品与设计的 UI 生成工具：用自然语言描述界面与交互，即可快速生成可用的网页 UI 草稿代码。本文用一次从需求到落地...
Figma AI 是 Figma 内置的智能能力，适合用提示词快速生成界面草稿、文案占位与组件变体，并在同一画布里继续迭代与协作。本文用一套可复用流程，带你从需求到可交付的UI初稿。
v0 是 Vercel 推出的 AI UI 生成工具，适合把需求或草图快速变成可运行的页面结构。本文用一个完整示例讲清提示词写法、组件迭代、落地交付与常见坑。
分享 Uizard Autodesigner 这款 UI 生成工具的实用用法：如何把需求文字或草图快速变成可编辑的界面原型，并用组件与风格约束做一致性迭代，适合产品经理与设计师提效。
分享一个近期讨论度很高的 UI 生成工具：Figma AI。它把“从需求到可编辑界面”的步骤串成一条工作流，适合产品 设计 运营快速出原型、迭代布局与文案。
