logo
Superposition
网站设计系统解析

Superposition - 网站设计系统解析

一个让人眼前一亮的网站,往往有着逻辑清晰的设计系统。分析一个产品的设计系统也是一个设计师的基本功。Superposition 可以读取指定页面的接口,从中解析出网站的设计系统。目前可以免费下载该应用,支持 MacOS、Windows、Linux 三系统。


解析网站

Superposition 的使用很简单,输入你需要解析界面的网址即可。


查看样式

解析出来的设计系统分为七类,即颜色、字体、间距、描边、投影、动效、素材。你可以有针对的查看自己关心的部分,并且支持一键拷贝。


导出样式

Superposition 支持将解析出来的设计系统导出,目前支持 CSS、XD 等。后续还会支持 Swift 等。


浏览器插件

Superposition 也为 Chrome 和 Firefox 浏览器开发了插件。你可以用这些插件快速的在 Superposition 中打开当前正在浏览的页面。