Papercons

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Dropbox Paper 团队的 Bobby Grace

在工程方面,我们使用内联 SVG。它们有很多优点。其中一个优点是 SVG 是一种结构良好的格式,我们可以用代码对其进行操作。Paper 也在使用 React,并有一个用于插入图标的组件。

他们

  1. 使用单个 Sketch 文件,检入存储库,作为设计和存放所有图标的位置。
  2. 使用 gulp-sketch 将所有图标单独提取出来。
  3. 构建脚本继续优化所有图标并构建一个数据源,其中包含所有图标及其属性。
  4. 该数据为他们的 <SvgIcon /> React 组件提供支持。(另请参阅 我们的文章)。

他们称之为 Papercons。

现在,无论何时有人需要图标,我们只需分享一个指向所有最新生产图标的链接即可。无需再进行搜索、上下文切换和冗长的对话线程。

直接链接 →