Skip to content

第 36 课 老师也能用的设计工作流:Figma、Stitch 和 Codex 怎样串起来PPT 大纲

封面页

  • 课题:第 36 课 老师也能用的设计工作流:Figma、Stitch 和 Codex 怎样串起来
  • 副标题:把设计草图、页面结构和代码生成串成老师能理解、能操作的流程。

第 1 部分 为什么这节课值得单独学

  • 不是所有老师都需要从空白页开始写,而是可以先把页面想清楚、画出来,再让 Codex 开工。
  • 这一课解决的真实课堂问题是什么

第 2 部分 本课学习目标

  • 看懂设计到代码的最小流程
  • 知道 Figma 和 Stitch 适合帮老师解决什么
  • 能把页面草图变成网页课件

第 3 部分 真实资料与课堂情境

  • 老师最适合的设计工作流
  • 最适合先画出来的内容

第 4 部分 讲师示范

  • 展示第一段可直接使用的模板
  • 说明第一版为什么这样开工

第 5 部分 学员跟做

  • 跟做第二段可直接使用的模板
  • 保住一页、一段或一个最小功能

第 6 部分 收束与作业

  • 本课产出:一份《设计到课件实现流程稿》
  • 课后任务:用纸面或 Figma 草图整理 3 页课件结构。