我们为客户制作的入职动画
使用 Figma 设计，使用 Swift UI 构建
Figma 设计 Swift UI 落地案例欣赏
Figma 是一款基于浏览器运行的在线界面设计与协作工具，用户只需打开网页登录账号，就能在同一个文件里完成 UI 设计、原型制作与团队评审。它把设计稿从本地软件搬到云端，多人可以同时进入同一画布编辑、评论与标注，设计稿的版本与权限也由云端统一管理。对于产品团队来说，Figma 既是画界面草图的地方，也是设计师与开发、产品之间对齐细节的场所。推文中提到的客户入职动画，正是先在 Figma 中完成视觉与动效设计，再交由开发用 Swift UI 落地实现，这种「设计先行、代码还原」的流程，也是 Figma 在真实项目中被广泛采用的典型用法。
痛点是什么
在 Figma 出现之前，界面设计大多依赖本地安装的桌面软件，文件散落在各个设计师的电脑里，改一版就要重新导出、重新发送，版本号越堆越多。产品经理看不到最新稿，开发拿到的标注和实际设计对不上，评审意见散落在聊天记录和邮件里。跨地域团队更麻烦，时差导致一轮反馈要等上一整天。设计资产无法沉淀，新人接手项目时往往找不到完整的历史稿，重复劳动和沟通成本居高不下。
能做什么（主要功能特点）
Figma 把设计、原型与协作集中在浏览器中，围绕「多人实时同稿」这一核心，覆盖从草图到交付的完整链路。
多人实时协作
多个成员可同时进入同一文件编辑与评论，改动即时可见，无需来回传文件。
设计到原型一体
在同一文件内完成界面设计与可点击原型，方便演示交互流程与动效思路。
云端交付与标注
开发可直接查看尺寸、间距与样式信息，减少设计稿与实现之间的偏差。
为什么值得关注
它把「设计工具」变成了「团队协作平台」，让设计稿成为可被产品、开发、运营共同访问的活文档，这也是它被大量团队纳入标准工作流的原因。
降低团队沟通成本
评论、标注与版本集中在同一处，评审与反馈不再依赖截图和聊天记录。
跨平台随时可用
基于浏览器运行，Windows、macOS 等设备打开网页即可继续工作，协作不受设备限制。
推荐信息
Abhiram
@heyabhiiram 2026年09月22日 16:55
