两周Figma初学者学习计划
一直以来，自己独立做项目的时候，总觉得界面UI设计不够美观，缺乏系统的设计知识。于是决定制定一份学习计划，系统地掌握设计和用户体验的基础技能，提升设计能力。
Figma 是一款功能强大的设计和原型工具，适合前端开发者提升 UI/UX 设计能力。本文为初学者规划了为期两周的练习计划，每天约 30 分钟，帮助你循序渐进掌握 Figma。
第1周 — Figma基础和静态设计
| 天数 | 任务内容 | 目标和重点 |
|---|---|---|
| 1 | 注册Figma账号，熟悉界面，完成官方入门视频教程 | 理解界面布局和基本操作 |
| 2 | 练习使用形状工具（矩形、圆形、线条）、颜色填充和边框 | 熟悉绘图工具和样式设置 |
| 3 | 练习文本工具：添加文本，调整字体、字号、行高、颜色 | 掌握排版基础 |
| 4 | 使用布局网格（Layout Grids），对齐和分布元素 | 理解布局和排版规则 |
| 5 | 设计一个简单的登录页（包括输入框、按钮、标题等静态元素） | 结合绘图和排版设计简单页面 |
| 6 | 学习组件（Component）和实例（Instance），创建按钮组件 | 理解组件复用，提高设计效率 |
| 7 | 给按钮组件添加不同状态（默认、悬停、禁用），了解Variants | 学习组件变体和状态管理 |
第2周 — 原型设计、交互与协作
| 天数 | 任务内容 | 目标和重点 |
|---|---|---|
| 8 | 学习制作页面间跳转的原型，添加简单点击交互 | 理解原型制作流程和交互设计 |
| 9 | 制作多页面原型（如简单的待办事项App），练习页面跳转 | 练习复杂页面之间的交互 |
| 10 | 添加动画过渡效果（滑动、淡入淡出等） | 丰富交互体验 |
| 11 | 学习团队协作功能，尝试邀请朋友一起在线编辑 | 体验多人实时协作 |
| 12 | 使用评论功能，给设计稿添加反馈和修改建议 | 理解协作反馈流程 |
| 13 | 练习导出设计资源（PNG、SVG、CSS代码） | 学会设计资源交付与前端配合 |
| 14 | 自由设计一个小项目，结合所学组件和原型设计，完成从设计到交互 | 综合应用，提高设计整体能力 |