以下是 UI 相关内容，总共有 180 条记录。
这篇教程用 3 个可直接照做的例子讲清 Figma 自动布局（Auto Layout）的核心概念与常见坑：方向与间距、填充 固定尺寸、约束与响应式...
用一套清晰的命名与结构，把按钮做成可复用组件：支持尺寸、样式、状态与图标开关，并能在项目里一键替换。本文按步骤操作即可完成。
这篇教程用一个“按钮组件”为例，手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完，...
这是一份面向日常设计工作的资源清单，覆盖字体、图标、插画、配色、样机与灵感站点。每个条目都给出直达链接，并在描述第一行标注授权提示...
想做一套好维护的设计规范，关键不在“好看”，而在可复用、可扩展、可对齐。本文用一套从零到一的方法，把字号体系、间距栅格、颜色语义、...
这篇教程用可直接照做的步骤，带你在 Figma 里搭建一个可复用的按钮组件：包含 Auto Layout、Variants（多状态）、组件属性与变量（Var...
Figma AI 把生成式能力直接放进协作设计流程：从线框到界面组件、从占位文案到可用微文案，一套方法把出稿速度拉满，同时避免“好看但不...
v0 是一款以提示词驱动的 UI 生成工具，可把产品想法快速转成可编辑的页面与组件代码。本文分享适合设计师与前端的上手流程、提示词模板...
Relume AI 是一款把一句话需求快速转成网站信息架构、线框与组件方案的工具，适合产品、设计与独立开发提速原型到落地。
用 Figma AI 把从想法到可用界面草图的时间压到几分钟：从文本生成初稿、快速改版、复用组件与样式，让产品 设计 运营更快对齐方向并...
Relume 是一款面向产品与设计团队的 AI 网站搭建助手：输入业务描述与风格偏好，即可生成站点结构、页面区块与可编辑线框图，显著缩短从...
v0 是 Vercel 推出的 AI UI 生成工具，支持用中文 英文描述页面需求，快速生成可用的界面与前端代码草稿，适合做原型、落地页和后台管理界面初稿。
v0 是一款用自然语言生成 UI 界面与前端代码的工具，适合设计师和产品快速把想法变成可预览、可迭代的页面原型，并在组件层面持续优化细节。
Relume AI 能把一句需求快速变成网站结构、文案骨架与 Figma 线框，适合 UI 产品在早期探索阶段高效对齐方案并加速落地。
Figma AI 是近期开启更深度“从文本到UI”的设计协作能力：把草图、需求文字、现有组件快速转成可编辑的界面稿，并在团队协作、组件规范...
Krea AI 是近期讨论度很高的实时预览型生成式设计工具：你一边调整提示词 参考图，一边在画面里即时看到变化。本文用“一个工具讲透”的...
围绕 Figma AI 的 UI 生成能力，给出从提示词到可编辑界面的完整工作流：提示词结构、组件约束、可用场景与常见踩坑，帮助设计师更高...
Relume 是一款用AI生成网站信息架构与线框图的工具，适合产品与设计团队在项目前期快速产出可评审的结构方案，并加速迭代。
Galileo AI 是一款以“文字描述→界面草图 高保真UI”为核心的生成式设计工具，适合产品 运营 设计师在早期快速出原型、探索布局与组...
v0 是一款面向产品与设计团队的 UI 生成工具：用一句话描述页面需求，即可生成可编辑的界面草稿，并能持续对话迭代布局、组件与文案，适...
