以下是 figma 相关内容,总共有 171 条记录。
这篇整理了“设计系统 组件库”从搭建、文档到 Token 管理与发布的一组常用工具与资源入口,方便你在 Figma 代码侧快速对齐规范、统一组件实现,并把变更稳定地同步给团队。
一步步把按钮做成可复用的 Figma 组件:用 Auto Layout 控制自适应,用 Variants 管理状态 尺寸,并用属性命名规则避免“变体爆炸”。附常见问题排查与提效建议。
用最少的步骤把按钮组件做成可复用、可扩展的 Variants(尺寸 状态 图标),并整理命名与发布规范,附 Auto Layout 与组件失效的排查清单。
这是一份可直接照做的 Figma 组件化工作流教程:从变量(Variables)建立设计令牌,到组件(Components)与变体(Variants)搭建组件库,再到发布 同步与常见问题排查,帮你把重复劳动变成可复用的系统。
这篇教程手把手带你在 Windows macOS 正确安装 Figma 桌面端并启用本地字体,让文件里能正常显示与调用系统字体;同时提供一套“字体不出现 缺失 替换”的排查清单,适合团队协作与交付前自检。
手把手教你用 Figma 的 Auto Layout(自动布局)+ 组件变体 变量,把常见页面模块做成可复用、可维护的组件库,并给出常见对齐 间距“失控”问题的排查方法。
一篇可直接照做的 Figma 插件安装与权限设置教程,包含安装入口、团队 文件权限注意事项与常见报错排查清单,帮助你快速把插件用起来。
一篇可直接照做的 Figma 提效教程:用 Auto Layout、组件与变量(Variants Variables)把按钮、表单、卡片做成可复用的响应式组件,并整理成团队可复制的工作流。
一篇把 Windows macOS iPadOS 字体安装讲清楚的保姆级教程:包含安装前检查、不同格式(TTF OTF TTC OTC)处理、PS Figma 系统里找不到字体时的排错清单,以及常见错误的快速修复步骤。
这篇教程按 Windows macOS iPadOS 三端分别讲清字体安装、字体管理与软件内不识别的常见原因,并给出可直接照做的排查步骤与注意事项。
一篇可以直接照做的 Figma 教程:用自动布局 + Variants 做出可复用按钮与导航栏组件,包含命名规范、属性设计、交互与落库建议。
用一套 Auto Layout 规则把「卡片组件」做成可拉伸、可换内容、可切三档尺寸的响应式组件。包含:布局结构拆解、约束与填充策略、变体命名、常见踩坑排查。照着步骤做,10分钟就能把卡片放进组件库复用。
用 Figma 的自动布局和变量,快速做出可复用的按钮组件(默认 悬停 按下 禁用),并把尺寸与颜色都参数化,后续做整套设计系统也能直接扩展。
这篇教程用 30 分钟带你在 Figma 里从 0 搭一套可复用按钮组件:包含尺寸 状态 主题变体、Auto Layout 约束、组件属性命名与发布到团队库的流程,照着做即可落地。
用 Auto Layout + 组件属性快速做出可伸缩的卡片组件:支持内容自适应、左右布局切换、按钮随文字增长,并整理常见踩坑与排查方法。
一篇可直接照做的 Figma Variables 实战教程:从建立颜色 间距变量开始,把变量绑定到样式与组件,最后用模式(Mode)实现浅色 深色一键切换,并整理常见坑与排错方法。
这篇教程带你从零搭一套“响应式卡片组件”,核心用 Figma 自动布局(Auto Layout)+ 变体(Variants)实现:内容长短可伸缩、不同状态可切换、落地到真实页面也不变形。按步骤照做即可复现。
这篇教程带你在 Figma 里从 0 搭一套按钮组件:用 Auto Layout 自动撑开、用 Variants 管理默认 悬停 按下 禁用状态,并加上交互原型,最后整理为可交付的组件库。
这是一篇可直接照做的 Figma 教程:从需求拆解开始,用 Auto Layout 把卡片组件做成可自适应宽高、可替换内容、可一键复用的版本,并提供常见踩坑排查清单。
这是一套可直接照做的 Figma 主题换肤流程:用 Variants 承载状态,用 Variables Token 管理颜色与间距,5 分钟把组件库改成可一键切换浅色 深色并可扩展多品牌。