UI - 值得一看 - 第2页

Figma 自动布局 + 变量：做一个可复用的按钮组件（从零到可交付）

这篇教程用一个“按钮组件”为例，手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完，你会得到一个能在项目里直接复用、可快速换主题与尺寸的按钮系统。

教程分享 1天前 0

免费可商用设计资源清单｜字体、图标、插画与配色一站式

这是一份面向日常设计工作的资源清单，覆盖字体、图标、插画、配色、样机与灵感站点。每个条目都给出直达链接，并在描述第一行标注授权提示，方便快速筛选可用于商业项目的素材来源。

设计经验 1天前 0

从零搭建高可复用的设计规范：字号、间距、组件命名一次讲清

想做一套好维护的设计规范，关键不在“好看”，而在可复用、可扩展、可对齐。本文用一套从零到一的方法，把字号体系、间距栅格、颜色语义、组件命名与交付规则讲清，并给出可直接落地的模板与检查清单。

教程分享 1天前 0

Figma 实战：从 0 做一个可复用按钮组件（Auto Layout + Variants + 变量）

这篇教程用可直接照做的步骤，带你在 Figma 里搭建一个可复用的按钮组件：包含 Auto Layout、Variants（多状态）、组件属性与变量（Variable）。做完后你可以快速产出 Primary Secondary Destructive、不...

教程分享 1天前 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

Relume：把文案变成网站结构和线框图的AI助手

Relume 是一款面向产品与设计团队的 AI 网站搭建助手：输入业务描述与风格偏好，即可生成站点结构、页面区块与可编辑线框图，显著缩短从需求到原型的时间。

设计经验 1天前 0

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

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

设计经验 2天前 0

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

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

设计经验 2天前 0

Relume AI：用文字生成网站结构和Figma线框的UI提效方法

Relume AI 能把一句需求快速变成网站结构、文案骨架与 Figma 线框，适合 UI 产品在早期探索阶段高效对齐方案并加速落地。

设计经验 2天前 0

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

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

设计经验 2天前 0

Krea AI 实时预览生成式设计工具上手指南

Krea AI 是近期讨论度很高的实时预览型生成式设计工具：你一边调整提示词参考图，一边在画面里即时看到变化。本文用“一个工具讲透”的方式，带你快速上手：适合哪些设计场景、怎么用参考图稳定风格、以及提...

设计经验 2天前 0

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

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

设计经验 2天前 0

Relume：用AI快速生成网站信息架构与线框图的UI工具

Relume 是一款用AI生成网站信息架构与线框图的工具，适合产品与设计团队在项目前期快速产出可评审的结构方案，并加速迭代。

设计经验 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

#UI

Figma 自动布局 + 变量：做一个可复用的按钮组件（从零到可交付）

免费可商用设计资源清单｜字体、图标、插画与配色一站式

从零搭建高可复用的设计规范：字号、间距、组件命名一次讲清

Figma 实战：从 0 做一个可复用按钮组件（Auto Layout + Variants + 变量）

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

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

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

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

Relume：把文案变成网站结构和线框图的AI助手

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

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

Relume AI：用文字生成网站结构和Figma线框的UI提效方法

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

Krea AI 实时预览生成式设计工具上手指南

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

Relume：用AI快速生成网站信息架构与线框图的UI工具

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

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

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

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

大家都在看

设计笔记