最近发现很多朋友不知道如何获取官方组件。 这种基础组件一方面是我们每天做UI必不可少的，另一方面官方把它藏得很深，导致小伙伴们在课堂上听到我演示组件。 他一脸懵逼，下课后不知道怎么弄。 那么，明天我们将对这些组件做一个全面的梳理。

在所有文件中sketch 图标打组，后缀为dmg的文件是专门为macOS使用的！ 能用的我都已经解压好了。 另外，如果没有但是想打开文件，可以用XD或者figma打开。

组件库包括iOS官方组件库、官方组件库和我们自制的通用页面组件库。

总的来说，XD和（虽然我不推荐PS，但还是要列出来给面子）直接打开对应的源文件复制使用即可，不过它有自己比较完善的组件库，所以可以吗一劳永逸？ 添加全局组件库，仅限 iOS。

下面是使用方法。 其实如果嫌麻烦，可以直接从官网下载文档，按照提示一步步操作即可。 这是官方链接：

1. 双击 .dmg 文件。

2.弹出权限窗口，点击“同意”。

3.根据提示将文件推送到该文件夹​​； 此时不要从桌面启动c盘镜像，放在旁边还是有用的； 如果你不知道上一句是什么意思，请继续往下看。

4. 打开，点击，选择“ ”选项卡，点击Add 。

5、在弹出的窗口中，在中选择新出现的c盘镜像位置，依次“”→“.”，一定要选择这个文件！ 单击右下角的打开。

6、完成后可以在任意文件中点击→，选择需要的组件。

包括“网格/预览模板”、“图标排列”和“iOS官方图标应用”。

其中，光栅/预览文件中的文件用于勾画工具图标和启动图标，以及预览图标的效果。 如果你不知道这是什么意思，请仔细阅读我们写的关于图标的系列文章，公众号、网站酷、UI中国、有奇都有。

优集编译链接：

的图标直接列在文件中，但 iOS 没有。 自iOS13推出以来，苹果将所有的图标都集成到了SFPro字体中，也就是说图标已经成为了字体的一部分，我们可以像输入字体一样输入iOS图标。 为此，苹果专门推出了一款名为“SF”的字体应用，里面列出了所有可用的iOS图标，可以直接复制粘贴成文本格式。

双击“iOS官方图标应用”，按照提示完成安装。 启动台北后，会出现一个名为“SF”的应用程序。 如果要使用iOS图标，在上面选择你要使用的图标，按+C/+复制粘贴V到软件中，字体改成SFpro。

在软件安装过程中sketch 图标打组，“SFpro”字体会同时安装到系统中，无需您自己重新安装字体。

包括iOS系统字符、系统字符和iOS通用字体DIN。

注意：安装前“SF”的朋友不能再在这里安装SFPro； 屏方字体只提供给用户安装使用，Mac是自带的，不需要安装！ 带上你自己的！ 带来……

结尾

如需下载以上所有内容，公众号回复“组件合集”即可获取链接。

最新的UI零基础设计已经开始，

欢迎扫码咨询

如有侵权请联系删除！