AI DESIGNER / CREATIVE TECHNOLOGIST
AI 可视化大屏工作流
5 个章节、12 篇真实教程，从 AI 寻找灵感、Figma 制作动效和 3D 视觉接入，到可运行前端页面交付。
5 个教程章节
灵感与 AI 工作流
从 AI 生成灵感稿开始，进入 Figma 设计、动效制作与快速风格探索。
- AI 图落地 + Figma 动效入门
从 AI 生成灵感稿开始，再到 Figma 设计，并加入图表动效和 AI 动态主视觉，完整演示从 0 到 1 的制作过程。
- 快速更换设计稿配色风格
基于同一套大屏设计稿快速切换配色与视觉风格，缩短方案探索和风格验证时间。
Figma 大屏动效
把全息扫描、建筑生长、数字滚动、图表和地图等常用效果整理成可复用的动效方法。
- 全息扫描 + 建筑生长
使用 Figma 制作工业建筑的全息扫描和生长动效。
- 数字滚动、图表动效与地图动效
集中演示可视化大屏中数字、图表和地图的常用动效制作方法。
- 大屏数字人 + 建筑主视觉 + 图表动效
覆盖大屏数字人、动态校园主视觉，以及常见 B 端图表动效。
3D 可视化
从 3D 地图 Skill、AI 生成模型到 3D 图表，把空间视觉真正接入设计与代码。
- Codex + 3D 地图 Skill
使用 Codex 和 Three Scope Map Skill 完成地图下钻、飞线和撒点等效果，并直接交付可运行代码。
- AI 生成 3D 模型并放入 Figma
用 AI 直接生成 3D 模型，再导入 Figma 继续完成大屏设计。
- 3D 图表制作 + 动效
手工制作 3D 图表，并使用 Figma 为 3D 图表补充动态表现。
大屏配套页面
补齐展示大屏之外的产品入口，让登录与模块选择也保持完整的系统体验。
- 可视化大屏登录页
面向可视化系统的登录入口设计与制作。
- 可视化大屏模块选择页
为多模块大屏系统设计清晰的功能入口和选择体验。
代码落地
把已有 Figma 设计稿或 AI 生成图片继续转换成可运行、可编辑的前端页面。
- 设计稿落地成前端页面
已有 Figma 设计稿时，使用 AI 直接还原成可运行页面。
- 图片直出前端页面
没有设计稿时，先用 AI 生成视觉图，再从图片生成代码和可编辑 UI。
公众号
公众号「送你整个夏天」由宋夏天Dazzle 创作与运营。