以下是 设计 相关内容，总共有 898 条记录。
从0搭一个按钮系统：用Auto Layout统一尺寸与间距，用组件属性和变体管理状态（默认 悬停 按下 禁用），并用Tokens变量实现全局换肤。
做设计找图标最怕踩授权坑。这份清单整理了常用图标素材网站，尽量标明是否可免费商用或需看协议，便于快速选择并合规使用。
这是一份可以直接照做的 Figma 排版教程：从布局网格、8pt 间距体系、字体层级到组件化落地，带你把页面对齐与留白一次性整理成可复用的规范。
这是一份专注“配色获取 + 对比度 可访问性校验 + 落地到色板与规范”的工具清单。每个工具都给出官网链接与适用场景，方便你在做品牌...
做海报、封面、落地页时，最耗时间的往往不是排版，而是找“能用、好看、可下载”的图标和插画。下面整理一份常用资源清单，先给简介，再直...
用 Figma Variables + Modes 把颜色 字号 圆角 间距等设计Token体系化管理，并让同一套组件一键切换浅色 深色、品牌A 品牌B。本...
这篇教程带你从零做一个可伸缩的卡片组件：用 Auto Layout+约束实现不同宽度自适应，并用 Variants 做可复用状态（默认 悬停 选中）...
从 8pt 规则开始，把网格、间距、文字与组件约束统一起来：这篇用一套可落地的参数，让你在 Figma 里快速搭出稳定的栅格与间距体系，并...
这是一份偏“可直接拿来用”的设计资源工具清单：覆盖图标、插画、SVG、字体与配色网站。每一条都附上入口链接与简短说明，方便你快速建立...
这份清单整理了常用的图标、插画、纹理与配色等设计资源网站，并按是否可免费商用进行标注，打开即可下载使用。
整理了一份常用设计资源清单，涵盖图标、插画、字体、配色与素材搜索等网站。每个条目都标注“免费商用 需看协议”，便于快速判断版权风险。
做图时最耗时间的往往不是绘制，而是找对“可商用、质量高、格式全”的图标与插画。下面整理了一份偏实用的素材清单：每个网站都给出直达链...
这篇教程用一套可直接照做的流程，教你在 Figma 里用 Auto Layout 和 Variables 搭出按钮组件（尺寸 层级 状态 禁用），并把约束...
想快速搭建视觉方案，最省时间的做法是先把素材与组件的可靠来源整理好。下面这份清单覆盖图标、插画、配色、UI组件、样机与纹理等常用方向...
这篇教程带你用 Photoshop 从零做一张可复用的霓虹发光文字海报：先搭背景与网格，再用智能对象保持文字可编辑，最后用图层样式与模糊叠...
整理了一份偏「拿来就用」的设计资源清单：从字体、图标、插画到配色与样机。每个条目都给出链接，并标明是否可免费商用或需要看协议，方便...
手把手教你在 Figma 用 Auto Layout 搭出可复用的卡片组件，并用嵌套布局做出随容器宽度自适应的列表 栅格。包含常见坑位（间距塌陷...
这篇教程用“Auto Layout + 组件变量 + 样式”三件套，在 Figma 里搭一套卡片组件：从排版结构、间距约束，到响应式尺寸和交付给开...
这是一份偏实用的设计资源清单：从图片、图标到插画与配色工具，优先挑选可免费商用或可明确查看授权条款的网站，方便你快速找素材同时降低...
这是一篇可以直接照做的 Figma 按钮组件搭建教程：从 Auto Layout 结构、状态 尺寸 类型变体，到命名规则、交互与团队交付检查清单...
