成为更优秀的产品设计师
学习 Figma, 从这里开始
这里有免费的中文用户指南、工具、资源、模版供你学习和使用
OR
教程与技巧
Figma 响应式栅格系统与断点自适应布局实战：从 8pt 网格规范、Columns/Rows 弹性列到 Variables 断点流式交付
系统化解析 Figma 响应式栅格（Layout Grid）架构法则：详解 8pt/4pt 基准网格规范、Columns 弹性列计算公式（Count/Gutter/Margin）、Stretch 与 Center 模式对比，并结合现代 Auto Layout 与 Variables 模式实现桌面端、平板端与移动端多断点弹性响应式容器交付。
Nov 11, 2026
Figma 企业级分支协同与设计系统版本治理实战：从 Branching 分支管理、合并冲突解决（Merge Conflicts）到组件库发布
面向企业级设计系统与大型产研团队的 Figma 分支（Branching）与版本治理深度实战指南：全面解析 Main 主干与 Branch 分支工作流模型、Master Component 隔离迭代规范、Request Review 设计评审与差异可视化比对、Merge Conflicts 冲突裁决决策树及组件库发布（Publish Library）下游无损升级全流程。
Nov 11, 2026
Figma Smart Animate 智能动画与微交互实战进阶：底层图层匹配法则、缓动曲线与 6 大转场失效避坑指南
面向交互设计师与 UI 前端工程师的 Figma Smart Animate（智能动画）深度实战进阶教程：全面剖析 Smart Animate 动画引擎的图层命名、DOM 树拓扑与节点属性底层匹配算法，掌握开关切换、抽屉浮层、骨架屏加载与折叠面板微交互实操，附带贝塞尔缓动参数速查表与 6 大转场闪烁变形排障决策树。
Nov 11, 2026
Figma 暗黑模式与多主题设计系统深度实战：基于 Variables Modes 模式切换、语义 Token 映射与跨端交付全流程
面向企业级设计系统与跨端产品的 Figma 暗黑模式（Dark Mode）与多主题落地实战指南：深入拆解三层 Tokens 映射架构、Global 原色到 Semantic 语义变量的 Modes 绑定矩阵、层级反色规律（表面海拔 Elevation）、品牌色可读性与无障碍对比度（WCAG 2.2）调优，以及 Dev Mode 下的 CSS/Tailwind 变量导出全流程。
Nov 11, 2026
Figma 生产级切图与资产导出深度实战：从 1x/2x/3x 标线规范、SVG 矢量精简到 Dev Mode 前端无缝交付避坑
面向 UI/UX 设计师与前端工程师的 Figma 高品质切图与资产导出深度实操指南：全面解析 1x 基准设计与 2x/3x 多倍图缩放逻辑、iOS 与 Android 密度桶命名后缀（@2x/@3x、mdpi~xxxhdpi）、切片工具（Slice Tool）与 Frame 直接导出的场景选型、SVG 矢量图标路径精简与防毛边避坑、WebP 现代压缩规范，以及 Dev Mode 下资产下载权限与代码交付全流程。
Nov 11, 2026
Figma 样式转变量（Styles to Variables）平滑迁移指南：从存量色彩重构、语义 Token 模式绑定到无损热替换全流程
面向大型企业设计系统与存量 UI 资产的 Figma Styles to Variables 平滑迁移实战指南：深入剖析 Styles 与 Variables 的选型共存边界、存量色彩样式审计清洗、三层 Token 拓扑映射、自动化迁移插件与原生热替换策略、渐变与投影保留技巧，以及 Dev Mode 下的变量平稳过渡。
Nov 11, 2026
精选资源
Figma Crush
Figma 免费资源库，包括 UI Kit、Icon、Mockups 等
Figma Freebies
一些免费的 Figma 资源
Figma Finder
免费的 Figma 资源和 UI Kit
Figma Resources
设计师在 Figma 社区中分享的免费资源
Set Product
高质量的桌面和移动项目的组件和设计系统模版
Material Design Kit
高质量且响应式的 Material Design UI Kit
iOS Design Kit
适用于 iPhone XS 和 iPhone 8 的 iOS 12 的组件
Design System
旨在分享有关设计系统的示例代码、设计文件和关于构建和维护设计系统的故事
Figma Community
Figma 官方社区，包含 Figma设计资源和插件
Figma.Cool
Figma Cool 包含 Figma 工具箱、设计资源精选和插件合集
Figma CN
Figmacn 包含 Figma 最新资讯和文章
Figma 汉化客户端
提供 macOS Intel & M1、Windows 中文客户端、Chrome 浏览器汉化
优质文章推荐
常见问题解答 (FAQ)
Q Figma 免费版够用吗？有哪些限制？ −
Figma 个人基础版永久免费，包含无限云端草稿、3 个协同项目文件与完整的核心设计与原型功能，对个人设计师和初学者完全足够。
Q 如何快速汉化 Figma 客户端或网页？ +
Q Auto Layout 自动布局的核心优势是什么？ +
Q 什么是 Dev Mode 开发模式？前端工程师如何使用？ +
相关
文章和最佳实践
© FigmaChina. All rights reserved.