图文版 WWDC 设计分会！跨平台设计 (1) ：平台选择

虽然近期令人眼前一亮的新工具没有那么多，但是很多已有的工具在迭代更新的新版本，也非常的强大，令人眼前一亮。这些工具从提升设计工作流程，到创意设计，都有着不俗的效果。除此之外，这个月的设计圈干货大合集，还涵盖了各种时髦的字体等必备的干货素材，别错过啦~

原型设计工具Quark

如果你是一名平面设计师，Quark 可能并不是你想要的工具。这是一个基于 HTML、CSS 和 JS 来创建设计项目的工具，它的界面是专门为快速开发和创建原型而设计的，你可以拿它快速创造和生成应用。

图片编辑器Doka

Doka 是一款浏览器中使用的照片编辑器。它可以非常快捷地裁剪、调整图片的大小比例，还包含有几个简单的滤镜。它可能是目前最好用、便捷的照片编辑工具之一。

可复制配色方案 Copy Palette

Copy Palette 可以帮你生成最优雅的单色配色方案。选择基本色之后，它会自动匹配上其他的颜色，控制好对比度，就可以生成在 Figma 与 Sketch 中可用的 SVG 配色方案，简单复制粘贴即可使用。

表单生成器 Summit Form

Summit Form 是一个托拽式的在线表单生成器，你可以在你的网站上嵌入表单，或者借助链接嵌入到邮件和社交媒体上。它非常易于使用，如果你想不借助代码构建表单，那么这是一个不错的选择。虽然它是付费的，但是价格很低。

SVG to JSX 转换器

SVG to JSX 是一个实用性很强的插件，借助它你可以在 Figma 当中复制 SVG 代码当作 React 组件来使用。它非常好用，右键点击就可使用。

图片马赛克工具 Tiler

Tiler 是一个非常有趣的工具，它可以将小图片作为马赛克块组合成为大图片。在这个过程中，你可以控制图片大小以适应你的需求，并且可以挑选你喜欢的样式，包括圆圈、线条、乐高等不同的样式。

Can I Email?

有一些工具，是直到你真正碰到它的时候，才意识到你有多需要它。而这个 Can I Email 就是这样的工具。关于电子邮件，将你想知道的关键词输入到它的输入框里面，你就会知道哪些客户端支持这些功能。

身份验证工具 UseAuth

UseAuth 为你提供了一种将身份验证添加到 React 应用的简单方法，它使用 AuthProvider 组件进行配置，并且让组件之间能够共享状态，包括用户、登录表单和重新定向等，麻烦的工作它都替你完成了。

线框图工具 Fragments iOS Wireframe Kit

Fragments 是一款 iOS 线框图工具套件，适用于 Sketch，可以用于移动端程序开发。它包含 370 种布局，10 个门类，基于嵌套符号来实现所有的这些东西。你可以先试试它的免费版本，其中只包含 25 屏的界面。

动画工具 SVG Artista

SVG Artista 这款工具帮你简化了 SVG 动画的制作过程，它是基于 Animista.net 的动画来开发的。它的动画使用的是纯粹的 CSS 转 SVG 图像技术，结合最合理的直线、圆、多边形和路径，一同使用。这并非是一款非常完整系统的动画工具，但是它适用于快速生成动画。

创意工具 The Most Dangerous Writing App

这是一个非常有趣的游戏。如果你在游戏过程中，有超过5秒没有继续打字，就会逐渐脱离进度，失败。听起来很难玩，但却是个非常有趣的创作工具。

抽象图库 Abstract Illustrations

Abstract Illustrations 是一个可以用于不同项目的矢量抽象插画合集，你现在在很多设计项目中都会看到类似的趋势。

光感工具 Day/Night Ambient Animation

你是否想过要根据光照水平来控制网站的视觉效果？现在你可以了，现在越来越多的人开始使用 Ambient Light API 来实现这样的功能。

图表工具 Chart.xkcd

Chart.xkcd 是一个能够生成手绘样式图表的工具，你只需要使用网站中所包含的脚本以及 SVG 节点来渲染即可。

沙雕工具 Friend NDA Generator

所谓 Friend NDA Generator 是一个非常沙雕的工具，它可以生成一个朋友之间的保密协议，确保彼此之间可以共享秘密。这是对数字时代的讽刺。

预加载插件 Flying Pages

Flying Pages 是一个 WordPress 插件，可以在用户点击之前预加载页面，这样能够让用户操作的时候，感觉速度更快。它会使用少量的 JS 在浏览器空闲的时候预加载。

条款生成器 Terms and Conditions Generator

这是一个能够生成专业条款的条款生成器，帮你更好地保护你的内容。这款工具是可拓展的，适用于简单的博客和电子商务领域的内容，可以在超过100个不同的国家和地区使用。

Camar 字体

Camar 是一款装饰艺术风格的复古字体，可以用于展示，字体包括有大写字符，数字，以及带有时髦感觉的标点符号。

Florista 字体

Florista 是一款优雅的手写字体，线条简洁，笔触有趣。

Fox Cavalier 字体

Fox Cavalier 是一款未来派的非衬线字体，可以作为展示性的文本和标题字体。这款字体只有大写字母。

Leon Sans 字体

Leon Sans 是一款非常酷的几何非衬线字体，它是由代码实现的，你可以在它的 HTML5代码中修改 Canva 元素来对它进行动态的控制。

Sporter 字体

Sporter 是一款非常炫酷的印刷用的字体，这种字体很容易让人想起美式橄榄球。