A - 设计经验 - 第27页

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

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

教程分享 3个月前 0

Figma 自动布局 + 组件变体：做一套可复用的按钮系统（含命名规范）

手把手教你在 Figma 里用 Auto Layout + 组件属性 + 变体，快速搭一套可复用的按钮组件，并给出一套能长期维护的命名分层规则。

教程分享 3个月前 0

Figma 自动布局 + 变量：做一个可复用的按钮组件（从零到可交付）

这篇教程用一个“按钮组件”为例，手把手讲清 Figma 自动布局、Variants 组件状态、Variables 变量与样式联动的完整做法。按步骤做完，你会得到一个能在项目里直接复用、可快速换主题与尺寸的按钮系统。

教程分享 3个月前 0

Figma 自动布局进阶：用变量 + 组件做出真正响应式的卡片列表（可直接照做）

这篇教程用“可直接照做”的方式带你在 Figma 里用 Auto Layout + 组件 + 变量做出真正响应式的卡片列表：从结构拆分、约束设置，到不同断点的一键适配与常见坑的排查。

教程分享 3个月前 0

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

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

教程分享 3个月前 0

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

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

教程分享 3个月前 0

从零搭建高可复用的设计规范：字号、间距、组件命名一次讲清

想做一套好维护的设计规范，关键不在“好看”，而在可复用、可扩展、可对齐。本文用一套从零到一的方法，把字号体系、间距栅格、颜色语义、组件命名与交付规则讲清，并给出可直接落地的模板与检查清单。

教程分享 3个月前 0

Canva 2026设计趋势：为何“稚拙设计”正在统治全网？

步入2026年，如果你每天都在被各类社交媒体和商业广告轰炸，你可能会发现一个奇特的现象：那些看起来“不太完美”、甚至有点像草稿的设计，反而越来越吸引人的眼球。

值得一看 3个月前 0

Photoshop：用调整图层做一套可复用的无损调色流程（含肤色校准）

从原图到成片，一套可复用的 PS 无损调色步骤：先用 Camera Raw 做基础曝光与白平衡，再用曲线可选颜色校准肤色，最后加统一的色调与颗粒。每一步都用调整图层+蒙版，可随时回退修改。

教程分享 3个月前 0

Figma 自动布局实战：做一套可复用按钮组件（含状态与约束）

这篇教程用“按钮组件”作为例子，手把手讲清 Figma 自动布局与组件变体：从画基础按钮到做 Hover Pressed Disabled 状态，最后通过约束与填充规则让组件在不同文案长度下依然稳定。照着做即可直接用于设计系统。

教程分享 3个月前 0

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

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

教程分享 3个月前 0

Krea AI：实时生成与增强的设计灵感工具

Krea AI 主打“实时生成 + 画面增强”，适合海报、社媒配图与概念草图的快速迭代。本文用一套可复用的提示词与流程，帮你把灵感到成稿的时间压到分钟级。

设计经验 3个月前 0

Krea AI 设计师实战指南从海报到短视频的快速生成与精修

围绕 Krea AI 的一站式生成与迭代能力，介绍适合设计师的上手方法、提示词写法、精修流程与常见坑，附工具地址与可直接套用的工作流。

设计经验 3个月前 0

Krea AI：用实时生成把海报设计做成可控迭代

Krea AI 是一款面向设计师的生成式创作工具，主打“实时生成 + 可控迭代”。用一张参考图或简单提示词，就能快速产出海报主视觉并持续微调细节，适合做灵感草图、风格探索和出图加速。

设计经验 3个月前 0

Recraft：可控矢量与品牌风格的AI作图工具

Recraft 是一款支持矢量与位图生成的 AI 作图工具，主打可控风格与品牌一致性，适合做插画、海报与社媒物料的快速出稿与迭代。

设计经验 3个月前 0

Gamma：用 AI 快速生成演示文稿的实用上手指南

Gamma 是一款把“写内容”与“做PPT”合二为一的 AI 演示工具：输入主题或导入文档即可生成结构清晰、版式统一的演示页面，并支持快速改写、替换风格与导出分享，适合产品汇报、营销提案与教学课件。

设计经验 3个月前 0

Pika：用一句话生成短视频的AI创作工具

Pika 是近期讨论度很高的 AI 视频生成工具，支持文生视频、图生视频与多种镜头风格效果。本文用一次完整示例讲清楚如何从想法到成片，并给出提升稳定性的实用技巧。

设计经验 3个月前 0

Figma AI：在设计稿里直接生成界面与文案的实战流程

Figma AI 把生成式能力直接放进协作设计流程：从线框到界面组件、从占位文案到可用微文案，一套方法把出稿速度拉满，同时避免“好看但不可用”的AI幻觉。

设计经验 3个月前 0

Decktopus AI：从大纲到演示稿一键生成的PPT助手

Decktopus AI 是一款面向设计师与运营人员的 PPT 自动生成工具：从主题大纲出发，快速产出可编辑的演示稿结构与版式，并支持一键替换文案、配图与风格，适合提案、产品介绍与复盘汇报。

设计经验 3个月前 0

Ideogram：一句话生成高质感海报与排版字效

Ideogram 是一款主打“文字可控”的图像生成工具，适合用一句提示词快速生成海报、封面与带清晰文字的视觉稿。本文分享它的核心能力、上手流程与实用技巧。

设计经验 3个月前 0

#A

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

Figma 自动布局 + 组件变体：做一套可复用的按钮系统（含命名规范）

Figma 自动布局 + 变量：做一个可复用的按钮组件（从零到可交付）

Figma 自动布局进阶：用变量 + 组件做出真正响应式的卡片列表（可直接照做）

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

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

从零搭建高可复用的设计规范：字号、间距、组件命名一次讲清

Canva 2026设计趋势：为何“稚拙设计”正在统治全网？

Photoshop：用调整图层做一套可复用的无损调色流程（含肤色校准）

Figma 自动布局实战：做一套可复用按钮组件（含状态与约束）

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

Krea AI：实时生成与增强的设计灵感工具

Krea AI 设计师实战指南从海报到短视频的快速生成与精修

Krea AI：用实时生成把海报设计做成可控迭代

Recraft：可控矢量与品牌风格的AI作图工具

Gamma：用 AI 快速生成演示文稿的实用上手指南

Pika：用一句话生成短视频的AI创作工具

Figma AI：在设计稿里直接生成界面与文案的实战流程

Decktopus AI：从大纲到演示稿一键生成的PPT助手

Ideogram：一句话生成高质感海报与排版字效

大家都在看

设计笔记

#A

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

Figma 自动布局 + 组件变体：做一套可复用的按钮系统（含命名规范）

Figma 自动布局 + 变量：做一个可复用的按钮组件（从零到可交付）

Figma 自动布局进阶：用变量 + 组件做出真正响应式的卡片列表（可直接照做）

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

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

从零搭建高可复用的设计规范：字号、间距、组件命名一次讲清

Canva 2026设计趋势：为何“稚拙设计”正在统治全网？

Photoshop：用调整图层做一套可复用的无损调色流程（含肤色校准）

Figma 自动布局实战：做一套可复用按钮组件（含状态与约束）

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

Krea AI：实时生成与增强的设计灵感工具

Krea AI 设计师实战指南 从海报到短视频的快速生成与精修

Krea AI：用实时生成把海报设计做成可控迭代

Recraft：可控矢量与品牌风格的AI作图工具

Gamma：用 AI 快速生成演示文稿的实用上手指南

Pika：用一句话生成短视频的AI创作工具

Figma AI：在设计稿里直接生成界面与文案的实战流程

Decktopus AI：从大纲到演示稿一键生成的PPT助手

Ideogram：一句话生成高质感海报与排版字效

大家都在看

设计笔记

Krea AI 设计师实战指南从海报到短视频的快速生成与精修