以下是 组件库 相关内容,总共有 52 条记录。
这篇教程用最短路径带你在 Figma 里把 Variables 用起来:先搭颜色与字号变量,再建立 Light Dark 两套 Mode,最后把变量绑定到按钮与输入框组件,让整套 UI 一键切换主题并保持可维护。
想做一套好维护的设计规范,关键不在“好看”,而在可复用、可扩展、可对齐。本文用一套从零到一的方法,把字号体系、间距栅格、颜色语义、组件命名与交付规则讲清,并给出可直接落地的模板与检查清单。
Figma AI 把生成式能力直接放进协作设计流程:从线框到界面组件、从占位文案到可用微文案,一套方法把出稿速度拉满,同时避免“好看但不可用”的AI幻觉。
Relume AI 是一款把一句话需求快速转成网站信息架构、线框与组件方案的工具,适合产品、设计与独立开发提速原型到落地。
Relume 是一款面向产品与设计团队的 AI 网站搭建助手:输入业务描述与风格偏好,即可生成站点结构、页面区块与可编辑线框图,显著缩短从需求到原型的时间。
Galileo AI 是一款以“文字描述→界面草图 高保真UI”为核心的生成式设计工具,适合产品 运营 设计师在早期快速出原型、探索布局与组件风格,并可继续在 Figma 等工具里精修落地。
Figma AI 是 Figma 内置的智能能力,适合用提示词快速生成界面草稿、文案占位与组件变体,并在同一画布里继续迭代与协作。本文用一套可复用流程,带你从需求到可交付的UI初稿。
从命名规则、组件拆分、Variants 组织到发布复用,这篇教程用一套可落地的流程,教你在 Figma 里快速搭建稳定可维护的组件库。
一份可直接照做的组件库搭建流程:从命名与层级、组件约束、变量 Token、到交付清单与维护机制,帮助团队减少返工、提升一致性。
组件库变乱往往不是组件太多,而是命名缺少规则,导致检索困难、误用频繁。本文从语义分层、属性命名、变体组织到代码映射,给出一套可执行的命名方法。
组件库失控通常不是因为组件太多,而是命名和变体表达不清晰。本文给出一套可执行的命名规则:以语义为中心、统一词汇表、让变体关系一眼可见,并把命名落地到设计与开发。
图标集一旦不统一,界面会出现一种说不出的“拼凑感”。本文从画布、线宽、圆角、对齐到语义隐喻,讲清楚如何建立一套可执行的图标规范,并把它落地到组件与状态中。