以下是 组件 相关内容,总共有 84 条记录。
这篇教程用最短路径带你在 Figma 里把 Variables 用起来:先搭颜色与字号变量,再建立 Light Dark 两套 Mode,最后把变量绑定到按钮与输入框组件,让整套 UI 一键切换主题并保持可维护。
想做一套好维护的设计规范,关键不在“好看”,而在可复用、可扩展、可对齐。本文用一套从零到一的方法,把字号体系、间距栅格、颜色语义、组件命名与交付规则讲清,并给出可直接落地的模板与检查清单。
这篇教程用“按钮组件”作为例子,手把手讲清 Figma 自动布局与组件变体:从画基础按钮到做 Hover Pressed Disabled 状态,最后通过约束与填充规则让组件在不同文案长度下依然稳定。照着做即可直接用于设计系统。
这篇教程用可直接照做的步骤,带你在 Figma 里搭建一个可复用的按钮组件:包含 Auto Layout、Variants(多状态)、组件属性与变量(Variable)。做完后你可以快速产出 Primary Secondary Destructive、不...
Figma AI 把生成式能力直接放进协作设计流程:从线框到界面组件、从占位文案到可用微文案,一套方法把出稿速度拉满,同时避免“好看但不可用”的AI幻觉。
v0 是一款以提示词驱动的 UI 生成工具,可把产品想法快速转成可编辑的页面与组件代码。本文分享适合设计师与前端的上手流程、提示词模板与落地注意事项。
Relume AI 是一款把一句话需求快速转成网站信息架构、线框与组件方案的工具,适合产品、设计与独立开发提速原型到落地。
Relume 是一款面向产品与设计团队的 AI 网站搭建助手:输入业务描述与风格偏好,即可生成站点结构、页面区块与可编辑线框图,显著缩短从需求到原型的时间。
v0 是 Vercel 推出的 AI UI 生成工具,支持用中文 英文描述页面需求,快速生成可用的界面与前端代码草稿,适合做原型、落地页和后台管理界面初稿。
v0 是一款用自然语言生成 UI 界面与前端代码的工具,适合设计师和产品快速把想法变成可预览、可迭代的页面原型,并在组件层面持续优化细节。
Figma AI 是近期开启更深度“从文本到UI”的设计协作能力:把草图、需求文字、现有组件快速转成可编辑的界面稿,并在团队协作、组件规范与原型迭代中持续可用。本文用一篇把流程讲清。
围绕 Figma AI 的 UI 生成能力,给出从提示词到可编辑界面的完整工作流:提示词结构、组件约束、可用场景与常见踩坑,帮助设计师更高效地产出高保真原型。
Galileo AI 是一款以“文字描述→界面草图 高保真UI”为核心的生成式设计工具,适合产品 运营 设计师在早期快速出原型、探索布局与组件风格,并可继续在 Figma 等工具里精修落地。
v0 是一款把自然语言需求快速转成可编辑网页界面原型的 AI 工具,适合做落地页、后台页面和组件草稿。本文讲清它的核心能力、适用场景、提示词写法与交付方法。
v0 是 Vercel 推出的 UI 生成工具:用一句话把需求变成可运行的前端界面草稿。它特别适合做产品原型、落地页和运营组件,让设计与开发沟通更快。
Figma AI 是 Figma 内置的智能能力,适合用提示词快速生成界面草稿、文案占位与组件变体,并在同一画布里继续迭代与协作。本文用一套可复用流程,带你从需求到可交付的UI初稿。
v0 dev 是 Vercel 推出的 UI 生成工具:用自然语言描述页面需求,即可生成可编辑的界面方案与前端代码。适合快速做原型、落地组件规范,并与现有设计系统对齐。
从按钮组件开始,用自动布局把「间距、内边距、对齐、状态」一次性规范起来。含最小可用设置、常见坑(拉伸 约束 文本换行)和复用建议。
从命名规则、组件拆分、Variants 组织到发布复用,这篇教程用一套可落地的流程,教你在 Figma 里快速搭建稳定可维护的组件库。
很多团队把“一致性”理解成所有页面长得一模一样,结果牺牲信息层级与效率。本文用 6 条可落地的规则解释:什么时候该一致,什么时候该刻意变化,并给出快速自检清单。