DEV Community

yi shen
yi shen

Posted on

这个 skill 有点意思,当你不知道动效如何描述的时候,使用这个 skill 告诉你动效如何描述。

分享一个最近用着很顺手的小工具:skills。

做产品的时候最怕的就是「这个动效怎么说、怎么定」——给设计师写「弹一下」「再快一点」基本等于没说。skills 把常见的动效用统一的 token 描述出来,比如 ease-out、spring bounce、duration scale 这些,写在设计稿和代码里都能直接对齐。

最实用的几个场景:

  • 和设计沟通时直接说「用 B2 的 spring」,不用反复对参考视频
  • 前端可以照着 token 还原,跨设备不会偏
  • 团队新人看一套表就能上手,不用再问「这个缓动到底是多少 ms」

它不是教你怎么设计动效,而是给你一套「动效语言」,让团队在同一个词表里聊。

仓库在这里 👉 https://github.com/emilkowalski/skills

动效设计 #设计系统 #前端开发

Top comments (0)