~ - 教程分享 - 第9页

Figma 组件从零到可复用：Auto Layout + Variants 做一套按钮系统

这篇教程带你在 Figma 里从零搭建一套可复用的按钮组件：用 Auto Layout 统一内边距与对齐，用 Variants 管理尺寸与状态，并用变量样式把颜色与圆角做成可维护的设计系统。按步骤操作即可直接复用到项目。

教程分享 3个星期前 0

Figma 字体排版快速上分：8步建立可复用的排版系统（含组件与样式）

从零搭建一套可复用的 Figma 排版系统：字体层级、行高与网格规则、Text Styles 命名、组件联动与落地检查。照着做 30 分钟即可把排版规范固化到文件里，后续做页面不再靠手感。

教程分享 3个星期前 0

Figma 自动布局进阶：6 个约束做出可复用组件

这篇教程用一个可复用的按钮组件为例，讲清楚 Figma 自动布局里最容易踩坑的 6 个约束：填充固定、内容撑开、间距、对齐、最小最大尺寸以及响应式拉伸。照着做就能把组件做得更稳、更易改。

教程分享 3个星期前 0

Figma 实战：用变量 + 组件集做一套可切换的浅深色按钮系统（从 0 到交付）

教你在 Figma 用 Variables（变量）+ Component Set（组件集）搭一套按钮系统：同时覆盖主次危险按钮与多种状态，并能一键切换浅色深色主题，适用于真实项目交付。

教程分享 3个星期前 0

Figma 自动布局从入门到实战：3 个例子做出可复用组件

这篇教程用 3 个可直接照做的例子讲清 Figma 自动布局（Auto Layout）的核心概念与常见坑：方向与间距、填充固定尺寸、约束与响应式，以及如何把按钮卡片做成可复用组件。按步骤操作即可复刻。

教程分享 3个星期前 0

Figma 从 0 到 1：用 Variants + Auto Layout 做一套可复用按钮组件

用一套清晰的命名与结构，把按钮做成可复用组件：支持尺寸、样式、状态与图标开关，并能在项目里一键替换。本文按步骤操作即可完成。

教程分享 3个星期前 0

Figma 栅格系统实战：从 8pt 规则到可复用的布局组件

这篇教程用一个可复用的页面框架示例，手把手教你在 Figma 里建立 8pt 间距体系、桌面平板移动三档栅格，并把栅格规则封装成可套用的 Auto Layout 布局组件，让后续做海报、落地页或后台页面时对齐一...

教程分享 3个星期前 0

Figma 从零做出可复用的海报网格：Auto Layout + 约束 + 组件变量实战

这篇教程用一个“可复用海报网格”为例，手把手讲清 Figma 里 Auto Layout、约束、布局网格、组件与变量的组合用法。照着做完，你会得到一套可快速换图换文、自动对齐、可一键生成多尺寸的海报模板。

教程分享 3个星期前 0

Figma Variables 实战：做一套可切换的浅深色主题（含按钮/输入框组件）

这篇教程用最短路径带你在 Figma 里把 Variables 用起来：先搭颜色与字号变量，再建立 Light Dark 两套 Mode，最后把变量绑定到按钮与输入框组件，让整套 UI 一键切换主题并保持可维护。

教程分享 3个星期前 0

Figma 实战：从 0 做一个可复用按钮组件（Auto Layout + Variants + 变量）

这篇教程用可直接照做的步骤，带你在 Figma 里搭建一个可复用的按钮组件：包含 Auto Layout、Variants（多状态）、组件属性与变量（Variable）。做完后你可以快速产出 Primary Secondary Destructive、不...

教程分享 3个星期前 0

Perplexity：把检索和写作合在一起的运营内容助手

Perplexity 把搜索、引用与写作整合到一次对话里，适合做选题、竞品调研与运营文案初稿。本文给出一套能快速产出可用内容的实战流程与提示词。

设计经验 3个星期前 0

Runway Gen-3 实战：用参考图做出更稳定的短视频镜头

分享 Runway Gen-3 的实战流程：用参考图与镜头参数提升一致性，快速做出可用的短视频镜头并导出交付。

设计经验 3个星期前 0

Pebblely：电商产品图一键换背景的AI作图流程

分享 Pebblely 这款面向电商产品图的 AI 作图工具：用一张产品图快速生成多场景背景与氛围图，并给出可复用的上新出图流程与提示词写法。

设计经验 3个星期前 0

Pebblely：3分钟做出电商产品场景图的实战方法

Pebblely 是一个面向电商场景的 AI 产品图工具：上传产品图即可快速生成多种背景场景氛围，适合上新、活动页与投放素材提效。本文分享真实工作流与避坑点。

设计经验 3个星期前 0

用 Adobe Firefly 快速做出可投放的海报主视觉

分享一个近期开更活跃的生成式设计工具 Adobe Firefly：从构思、出图到落地排版，快速产出可投放的海报主视觉与延展物料。

设计经验 3个星期前 0

Runway 用 AI 快速生成品牌短视频的实战流程

Runway 是一款面向创作者的 AI 视频生成与编辑平台，适合设计师把品牌文案和视觉风格快速落地为短视频。本文用一个可复用流程讲清从素材准备到成片导出。

设计经验 3个星期前 0

RGB 转 CMYK 为什么会发灰：设计师自查清单

同一张图在屏幕上鲜艳、印出来却发灰？这不是印厂“偷墨”，而是色域、转换策略与黑版生成在作祟。本文用设计师视角给出可操作的自查与交付清单。

设计经验 3个星期前 0

纯黑不够黑的原因与富黑用法

印刷里常见的“纯黑不够黑”不是错觉，而是网点、纸张和叠印共同造成的。本文用设计师视角解释纯黑与富黑的差异，并给出常用配方、使用场景与避坑清单，方便你在海报与画册里把黑色做得更稳定。

设计经验 3个星期前 0

RGB 与 CMYK 到底差在哪：从光到墨的颜色逻辑

用一篇“设计冷知识”讲清 RGB（发光）与 CMYK（吸光墨色）两套系统的底层逻辑：为什么屏幕鲜艳、印刷发灰？如何在设计阶段做颜色预期、校对与交付，少走返工弯路。

设计经验 3个星期前 0

怎么避坑：RGB/CMYK/sRGB/Adobe RGB 怎么选，出图不翻车

一篇把色彩模式与输出场景讲清的避坑指南：屏幕、印刷、交付、导出分别该选什么，避免颜色跑偏。

值得一看 3个星期前 0

#~

Figma 组件从零到可复用：Auto Layout + Variants 做一套按钮系统

Figma 字体排版快速上分：8步建立可复用的排版系统（含组件与样式）

Figma 自动布局进阶：6 个约束做出可复用组件

Figma 实战：用变量 + 组件集做一套可切换的浅深色按钮系统（从 0 到交付）

Figma 自动布局从入门到实战：3 个例子做出可复用组件

Figma 从 0 到 1：用 Variants + Auto Layout 做一套可复用按钮组件

Figma 栅格系统实战：从 8pt 规则到可复用的布局组件

Figma 从零做出可复用的海报网格：Auto Layout + 约束 + 组件变量实战

Figma Variables 实战：做一套可切换的浅深色主题（含按钮/输入框组件）

Figma 实战：从 0 做一个可复用按钮组件（Auto Layout + Variants + 变量）

Perplexity：把检索和写作合在一起的运营内容助手

Runway Gen-3 实战：用参考图做出更稳定的短视频镜头

Pebblely：电商产品图一键换背景的AI作图流程

Pebblely：3分钟做出电商产品场景图的实战方法

用 Adobe Firefly 快速做出可投放的海报主视觉

Runway 用 AI 快速生成品牌短视频的实战流程

RGB 转 CMYK 为什么会发灰：设计师自查清单

纯黑不够黑的原因与富黑用法

RGB 与 CMYK 到底差在哪：从光到墨的颜色逻辑

怎么避坑：RGB/CMYK/sRGB/Adobe RGB 怎么选，出图不翻车

大家都在看

设计笔记