首页

投稿

Figma 设计系统 - 变量应用 / 组件搭建 / AI 工作流集成

3198

1

2026-09-21 15:55:00

未经作者授权，禁止转载

【视频简介】本期视频分享了在 Figma 中构建可扩展设计系统的实用方法，重点探讨了设计令牌（Design Tokens）、变量（Variables）的应用逻辑，以及如何结合 AI 工具优化组件库的搭建与维护。内容涵盖了从基础颜色体系、语义化令牌到复杂组件（如按钮、输入框、导航等）的创建过程，并解析了响应式布局与开发者交付的实操技巧，适合 UI/UX 设计师及设计系统维护者参考交流。【你将看到】 1. 设计令牌与 Figma 变量的深度对比及应用场景。 2. 语义化颜色体系、排版系统及暗黑模式的构建逻辑。 3. 结合 AI 工具辅助生成样式与组件的自动化工作流。 4. 常见 UI 组件（按钮、表单、导航等）的规范化搭建与响应式适配。 5. 设计系统发布流程及与开发团队的高效交付协作。 UI Collective (https://www.youtube.com/watch?v=lsgVRCJ4fko)

设计门外憨发消息

让我们说中文_无限翻译：nihaovid.cn - 憨总卫星：pomosan 企鹅会议室：484535583

10种主流设计风格解析 - 视觉设计 / 风格定义 / 创意灵感

10:06

Claude Design 网页构建实战 - AI 辅助设计 / 自动化前端开发 / 响应式布局

20:03

设计师2026年版排版与构图完全指南 - 视觉层次 / 留白运用 / 构图法则

26:54

编辑出版项目的创意排版 | 排版理论 / 视觉层级 / InDesign工作流 / 印刷打样

AI时代平面设计师如何生存？提升审美与策略思维，打造不可替代的核心竞争力

22:57

2026平面设计实战指南：Photoshop与Illustrator核心工作流与项目实践

09:58:30

2026平面设计入门指南：从设计基础到Photoshop与Canva实操及职业变现

49:30

告别AI味！Claude网页设计进阶技巧与UI工作流优化方案

12:38

Figma 点击交互实现 - On Tap Trigger / 原型设计 / 交互逻辑

06:01

AI 网页设计新范式：GPT-6 与 Images 2.0 自动化工作流实测

08:21

平面设计进阶思维 - 排版 / 色彩 / 层级 / 创意决策

23:23

平面设计负空间构图 - 创意留白 / 视觉平衡 / 构图技巧

09:30

GPT-6 Astra 电影感网页构建 - AI 自动化设计 / 动态交互 / 视觉生成

13:16

Figma 设计系统 - 变量应用 / 组件搭建 / AI 工作流集成

03:45:09

Claude Design 网页交互动画 - AI 辅助设计 / 鼠标跟随动画 / 网页动态效果

09:55

AI 驱动 3D 交互式展示网站构建 - GPT-6 Astra / Seedance 2.5 / Higgsfield MCP

16:13

AI时代平面设计师如何建立核心竞争力？审美、情感与设计思维进阶指南

21:24

Canva创意特效应用 | 图像风格转换 / 创意文本效果 / 背景虚化处理 / 调色盘生成

无需AE！利用AI将静态海报转化为专业动态图形的实操方法

06:29

13分钟掌握Claude设计进阶：25个提升交互与工作流的实用技巧

13:45

平面设计创作与视觉传达 | 图像编辑 / 动画制作 / 自定义排版 / 3D渲染

字母组合标志设计 | 标志类型 / 形状与平衡 / 网格化处理

Gemini 4 构建 3D 互动网站实操演示，AI 网页设计与动效实现工作流

07:43

告别手动连线！用 Figma Make 快速把静态设计转成可交互原型

09:01

用EffectCraft制作苹果风格文字弹跳动画，打造丝滑UI动效与微交互

02:27

顶部