背景

Figma 能够以黑马的形式杀出成为「先进设计师」的首选，必然是有原因的，这里自由探索一番 Figma 的设计系统，看看有没有什么好玩的，可以提炼学习的产品 Ideas。

image.png

核心产品：

  • FigJam：设计师协作画板 👈 可以添加很多数字画板，是一款符合设计师审美和使用习惯的画布工具
  • Prototype：设计稿，类似 Sketch 的主要的交互稿产出系统，拳头产品
  • DesignSystem：类似 Sketch 的设计元件系统，支持传参展示，包括 Token 系统等等，是 Prototype 依赖的底层，类似组件工厂 🏭

Highlight

GoodJob 👍🏻

  • 协同画布，协同编辑，这个是对 Sketch 的降维打击，就连 Photoshop 也开始布局 Web 版本的协同模式了，这的确是对于传统生产力工具的降维打击。
  • 插件和 Widget 系统，和 Sketch 一样，支持 JS 扩展，可以做很多花里胡哨的设计师讨欢心的小工具，整体的插件设计非常简单，甚至目标是让「设计师也能够编写简单的 JavaScript 来实现他们的诉求」
  • 纯 Web 技术栈是真的 NX，大量依赖了 WebAssembly 技术去提升图形性能，堪比本地的 Sketch，实在令人感叹，Web 也能够承载设计师的生产力工具

UglyAspects 🃏

  • 由于是纯 Web 架构，对 iPad 或者说 ApplePencil 的支持跟屎一样，性能还是有明显的问题的 … 但 U1S1 纯 Web 架构能够做到这样的性能也是很强了
    • Canvas 作为基础渲染的画布做的，还是挺 nb 的

:::info ℹ️ 后续待持续输出一些思考 🤔 :::

技术细节关注点