Figma 从入门到设计系统
Figma 从入门到设计系统 #
Figma 是当前最流行的界面设计工具，基于浏览器运行、支持多人实时协作。
基础操作 #
快捷键：V 选择、F 创建 Frame、R 矩形、T 文本、Shift+A Auto Layout
黄金法则： 永远使用 Frame，不要使用 Group。
Auto Layout #
类似于 CSS Flexbox，支持方向、间距、内边距、对齐设置。可以嵌套使用实现复杂布局。
组件系统 #
创建组件 (Cmd+Option+K)，使用变体支持多种状态，命名用 / 分隔创建分组。
样式系统 #
建立统一的颜色样式、文字样式和效果样式。
搭建设计系统 #
- 基础层：颜色、字体、间距、圆角、阴影、图标
- 组件层：按钮、输入框、卡片、导航、模态框
- 模板层：页面布局模板