以下是 Figma 相关内容,总共有 150 条记录。
这篇教程用一个“按钮组件”为例,手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完,...
这篇教程用“可直接照做”的方式带你在 Figma 里用 Auto Layout + 组件 + 变量做出真正响应式的卡片列表:从结构拆分、约束设置,...
这篇教程用一个“可复用海报网格”为例,手把手讲清 Figma 里 Auto Layout、约束、布局网格、组件与变量的组合用法。照着做完,你会得...
这篇教程用最短路径带你在 Figma 里把 Variables 用起来:先搭颜色与字号变量,再建立 Light Dark 两套 Mode,最后把变量绑定到按...
想做一套好维护的设计规范,关键不在“好看”,而在可复用、可扩展、可对齐。本文用一套从零到一的方法,把字号体系、间距栅格、颜色语义、...
这篇教程用“按钮组件”作为例子,手把手讲清 Figma 自动布局与组件变体:从画基础按钮到做 Hover Pressed Disabled 状态,最后通过...
这篇教程用可直接照做的步骤,带你在 Figma 里搭建一个可复用的按钮组件:包含 Auto Layout、Variants(多状态)、组件属性与变量(Var...
从按钮组件开始,用自动布局把「间距、内边距、对齐、状态」一次性规范起来。含最小可用设置、常见坑(拉伸 约束 文本换行)和复用建议。
从命名规则、组件拆分、Variants 组织到发布复用,这篇教程用一套可落地的流程,教你在 Figma 里快速搭建稳定可维护的组件库。
用一个“按钮组件”把自动布局、变体、变量三件事串起来:从命名、结构到交互状态,最后得到可扩展、可维护、能直接落到设计系统里的按钮规...
一份可直接照做的组件库搭建流程:从命名与层级、组件约束、变量 Token、到交付清单与维护机制,帮助团队减少返工、提升一致性。
从创建基础按钮到 Variants 属性配置,手把手搭一套可复用的 Figma 按钮组件,便于团队统一规范与批量替换。
把按钮 标签做成变体时,如何命名属性、控制默认值、配合Auto Layout避免组件失控?用一套可复用的整理方法讲清楚。
用Figma Variables建立颜色与间距变量,快速切换浅色 深色或品牌主题,让组件在不同主题下自动更新。
用Auto Layout快速做出等间距卡片列表,掌握间距、填充、约束与组件化的关键设置,适合新手按步骤复现。
用按钮组件举例,教你建立 Variants 属性(状态 尺寸 图标),并用命名规则让切换更直观、更不出错。
用一个常见卡片组件示例,讲清 Auto Layout 的间距、对齐、填充、嵌套以及文本换行设置,避免越改越乱。
用栅格与组件约束快速建立表单对齐体系,减少手调像素的时间。
用常见组件举例讲清 Fill Hug 的组合逻辑,让布局在不同文案长度下保持稳定。