原型 - 设计经验 - 素材集市

设计资源清单｜图标字体插画配色原型一站式导航

这是一份面向日常设计工作的资源清单，覆盖图标、字体、插画、配色、原型与模板等常用环节，优先收录可直接访问的站点与工具，并标注免费商用或需看协议，方便快速查找与替换。

设计经验 11小时前 0

Figma AI：在设计稿里直接生成界面与文案的实战流程

Figma AI 把生成式能力直接放进协作设计流程：从线框到界面组件、从占位文案到可用微文案，一套方法把出稿速度拉满，同时避免“好看但不可用”的AI幻觉。

设计经验 1天前 0

v0：用提示词生成可落地的前端界面与组件

v0 是一款以提示词驱动的 UI 生成工具，可把产品想法快速转成可编辑的页面与组件代码。本文分享适合设计师与前端的上手流程、提示词模板与落地注意事项。

设计经验 1天前 0

Relume AI：把一句话变成网站线框与组件的 UI 生成工具

Relume AI 是一款把一句话需求快速转成网站信息架构、线框与组件方案的工具，适合产品、设计与独立开发提速原型到落地。

设计经验 1天前 0

Figma AI 上手：用文本生成 UI 草图并把迭代速度拉满

用 Figma AI 把从想法到可用界面草图的时间压到几分钟：从文本生成初稿、快速改版、复用组件与样式，让产品设计运营更快对齐方向并落到可交付原型。

设计经验 1天前 0

v0：用自然语言生成可用UI代码的AI设计助手

v0 是 Vercel 推出的 AI UI 生成工具，支持用中文英文描述页面需求，快速生成可用的界面与前端代码草稿，适合做原型、落地页和后台管理界面初稿。

设计经验 2天前 0

v0：用自然语言生成可落地的前端UI原型与代码

v0 是一款用自然语言生成 UI 界面与前端代码的工具，适合设计师和产品快速把想法变成可预览、可迭代的页面原型，并在组件层面持续优化细节。

设计经验 2天前 0

Figma AI：把草图变成可编辑UI的智能工作流

Figma AI 是近期开启更深度“从文本到UI”的设计协作能力：把草图、需求文字、现有组件快速转成可编辑的界面稿，并在团队协作、组件规范与原型迭代中持续可用。本文用一篇把流程讲清。

设计经验 2天前 0

Figma AI：从提示词到可编辑界面的 UI 生成流程

围绕 Figma AI 的 UI 生成能力，给出从提示词到可编辑界面的完整工作流：提示词结构、组件约束、可用场景与常见踩坑，帮助设计师更高效地产出高保真原型。

设计经验 2天前 0

Galileo AI：把文字变成可用UI界面的高效生成工具

Galileo AI 是一款以“文字描述→界面草图高保真UI”为核心的生成式设计工具，适合产品运营设计师在早期快速出原型、探索布局与组件风格，并可继续在 Figma 等工具里精修落地。

设计经验 2天前 0

v0：把一句话变成可落地UI页面的AI生成工具

v0 是一款面向产品与设计团队的 UI 生成工具：用一句话描述页面需求，即可生成可编辑的界面草稿，并能持续对话迭代布局、组件与文案，适合快速做原型与落地界面。

设计经验 3天前 0

v0 让文字变成可编辑的网页界面原型

v0 是一款把自然语言需求快速转成可编辑网页界面原型的 AI 工具，适合做落地页、后台页面和组件草稿。本文讲清它的核心能力、适用场景、提示词写法与交付方法。

设计经验 3天前 0

v0：一句话生成可落地UI界面的AI工具上手指南

v0 是 Vercel 推出的 UI 生成工具：用一句话把需求变成可运行的前端界面草稿。它特别适合做产品原型、落地页和运营组件，让设计与开发沟通更快。

设计经验 3天前 0

用 v0 快速生成高质量网页UI的实战流程

v0 是一个面向产品与设计的 UI 生成工具：用自然语言描述界面与交互，即可v0 是面向产品与设计的 UI 生成工具：用自然语言描述界面与交互，即可快速生成可用的网页 UI 草稿代码。本文用一次从需求到落地...

设计经验 3天前 0

Figma AI：用提示词快速生成UI草稿与组件的实战流程

Figma AI 是 Figma 内置的智能能力，适合用提示词快速生成界面草稿、文案占位与组件变体，并在同一画布里继续迭代与协作。本文用一套可复用流程，带你从需求到可交付的UI初稿。

设计经验 3天前 0

用 v0 快速生成高质量 UI：从提示词到可交付页面

v0 是 Vercel 推出的 AI UI 生成工具，适合把需求或草图快速变成可运行的页面结构。本文用一个完整示例讲清提示词写法、组件迭代、落地交付与常见坑。

设计经验 3天前 0

Uizard Autodesigner：从需求到UI稿的生成与迭代方法

分享 Uizard Autodesigner 这款 UI 生成工具的实用用法：如何把需求文字或草图快速变成可编辑的界面原型，并用组件与风格约束做一致性迭代，适合产品经理与设计师提效。

设计经验 3天前 0

Figma AI：从提示词到可编辑UI原型的高效工作流

分享一个近期讨论度很高的 UI 生成工具：Figma AI。它把“从需求到可编辑界面”的步骤串成一条工作流，适合产品设计运营快速出原型、迭代布局与文案。

设计经验 4天前 0

Galileo AI：用提示词生成UI原型的上手指南

Galileo AI 是一款面向产品与设计工作的 UI 生成工具：用一句清晰的需求描述，就能生成可参考的界面布局与组件结构，适合作为原型早期的灵感起点与快速迭代素材。本文用一个完整示例讲清楚如何写提示词、如何...

设计经验 4天前 0

v0.dev：用一句话生成高质量UI原型并导出可用代码

v0 dev 是 Vercel 推出的 UI 生成工具：用自然语言描述页面需求，即可生成可编辑的界面方案与前端代码。适合快速做原型、落地组件规范，并与现有设计系统对齐。

设计经验 4天前 0

#原型

设计资源清单｜图标字体插画配色原型一站式导航

Figma AI：在设计稿里直接生成界面与文案的实战流程

v0：用提示词生成可落地的前端界面与组件

Relume AI：把一句话变成网站线框与组件的 UI 生成工具

Figma AI 上手：用文本生成 UI 草图并把迭代速度拉满

v0：用自然语言生成可用UI代码的AI设计助手

v0：用自然语言生成可落地的前端UI原型与代码

Figma AI：把草图变成可编辑UI的智能工作流

Figma AI：从提示词到可编辑界面的 UI 生成流程

Galileo AI：把文字变成可用UI界面的高效生成工具

v0：把一句话变成可落地UI页面的AI生成工具

v0 让文字变成可编辑的网页界面原型

v0：一句话生成可落地UI界面的AI工具上手指南

用 v0 快速生成高质量网页UI的实战流程

Figma AI：用提示词快速生成UI草稿与组件的实战流程

用 v0 快速生成高质量 UI：从提示词到可交付页面

Uizard Autodesigner：从需求到UI稿的生成与迭代方法

Figma AI：从提示词到可编辑UI原型的高效工作流

Galileo AI：用提示词生成UI原型的上手指南

v0.dev：用一句话生成高质量UI原型并导出可用代码

大家都在看

设计笔记

#原型

设计资源清单｜图标 字体 插画 配色 原型 一站式导航

Figma AI：在设计稿里直接生成界面与文案的实战流程

v0：用提示词生成可落地的前端界面与组件

Relume AI：把一句话变成网站线框与组件的 UI 生成工具

Figma AI 上手：用文本生成 UI 草图并把迭代速度拉满

v0：用自然语言生成可用UI代码的AI设计助手

v0：用自然语言生成可落地的前端UI原型与代码

Figma AI：把草图变成可编辑UI的智能工作流

Figma AI：从提示词到可编辑界面的 UI 生成流程

Galileo AI：把文字变成可用UI界面的高效生成工具

v0：把一句话变成可落地UI页面的AI生成工具

v0 让文字变成可编辑的网页界面原型

v0：一句话生成可落地UI界面的AI工具上手指南

用 v0 快速生成高质量网页UI的实战流程

Figma AI：用提示词快速生成UI草稿与组件的实战流程

用 v0 快速生成高质量 UI：从提示词到可交付页面

Uizard Autodesigner：从需求到UI稿的生成与迭代方法

Figma AI：从提示词到可编辑UI原型的高效工作流

Galileo AI：用提示词生成UI原型的上手指南

v0.dev：用一句话生成高质量UI原型并导出可用代码

大家都在看

设计笔记

设计资源清单｜图标字体插画配色原型一站式导航