以下是 设计 相关内容,总共有 145 条记录。
这篇教程用一个可落地的案例,带你在 Figma 里用 Auto Layout、组件 变体和状态命名,搭一套可复用的按钮组件库。包含尺寸、圆角、图...
用 Figma 的 Auto Layout + 组件变量搭一套可复用按钮系统:三种尺寸、三种状态、可切换主题。按步骤操作即可直接在项目里落地。
手把手教你在 Figma 用 Auto Layout 从零搭一个可复用的卡片组件:定义层级、约束与间距,做出可拉伸的标题 摘要 标签区,并打包为...
这篇教程带你在 Figma 里从零搭建一套可复用的按钮组件:用 Auto Layout 统一内边距与对齐,用 Variants 管理尺寸与状态,并用变量...
从零搭建一套可复用的 Figma 排版系统:字体层级、行高与网格规则、Text Styles 命名、组件联动与落地检查。照着做 30 分钟即可把排...
这篇教程用一个可复用的按钮组件为例,讲清楚 Figma 自动布局里最容易踩坑的 6 个约束:填充 固定、内容撑开、间距、对齐、最小 最大...
教你在 Figma 用 Variables(变量)+ Component Set(组件集)搭一套按钮系统:同时覆盖主 次 危险按钮与多种状态,并能一键切换浅...
这篇教程用 3 个可直接照做的例子讲清 Figma 自动布局(Auto Layout)的核心概念与常见坑:方向与间距、填充 固定尺寸、约束与响应式...
这篇教程教你用 Figma 的 Variants 和组件属性(Property)做一个“可配置按钮”组件:支持主 次、尺寸、左 右图标、加载态与禁用态...
一篇可直接照做的 Figma 海报排版教程:从画板尺寸、网格系统、字体层级到配色与导出规范,按步骤做完即可得到可交付的视觉稿。
用一套清晰的命名与结构,把按钮做成可复用组件:支持尺寸、样式、状态与图标开关,并能在项目里一键替换。本文按步骤操作即可完成。
手把手教你在 Figma 里用 Auto Layout + 组件属性 + 变体,快速搭一套可复用的按钮组件,并给出一套能长期维护的命名 分层规则。
这篇教程用一个“按钮组件”为例,手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完,...
这篇教程用“可直接照做”的方式带你在 Figma 里用 Auto Layout + 组件 + 变量做出真正响应式的卡片列表:从结构拆分、约束设置,...
这篇教程用最短路径带你在 Figma 里把 Variables 用起来:先搭颜色与字号变量,再建立 Light Dark 两套 Mode,最后把变量绑定到按...
想做一套好维护的设计规范,关键不在“好看”,而在可复用、可扩展、可对齐。本文用一套从零到一的方法,把字号体系、间距栅格、颜色语义、...
这篇教程用可直接照做的步骤,带你在 Figma 里搭建一个可复用的按钮组件:包含 Auto Layout、Variants(多状态)、组件属性与变量(Var...
从按钮组件开始,用自动布局把「间距、内边距、对齐、状态」一次性规范起来。含最小可用设置、常见坑(拉伸 约束 文本换行)和复用建议。
从命名规则、组件拆分、Variants 组织到发布复用,这篇教程用一套可落地的流程,教你在 Figma 里快速搭建稳定可维护的组件库。
用一个“按钮组件”把自动布局、变体、变量三件事串起来:从命名、结构到交互状态,最后得到可扩展、可维护、能直接落到设计系统里的按钮规...