奇思妙坦

也许是 2022 年最值得期待的 Figma Quick Actions 类插件。键盘爱好者福音，像写原子 CSS 一样敲命令做设计，一次完成多个操作，此别告别鼠标点击。于 2022 年 12 月 13 日上架。

国内领先的一站式软件研发管理平台，产品包括敏捷管理、代码托管、持续集成、持续部署、自动测试、制品库、网站托管、网盘、Wiki

起步于 2014 年的云端集成开发工具。提供完整云上开发体验，支持多人协作、调试、部署

CNCF Sandbox 开源项目，Nocalhost 帮助开发团队直接在 Kubernetes 集群中构建、测试和调试应用程序

CODING 设计团队 CoCoo Studio 的网站，使用 Gatsby + Tailwind CSS + Graph CMS 搭建的 React SPA。

上线 9 个月，8.5K 用户。我的第一个 Figma 插件，将做好的图案快速填充到其它图层中。同时上线了国内的即时设计。

上线 8 个月，1.5K 用户。自动把 frame 中包含的全部文本的中文部分设置为苹方，其它部分设置为指定 SF 字体，并自动调整字距。

通过 Figma Quick Actions 快捷框输入缩放参数 w20、2x、50% 等实现精准缩放。

在 Figma 中让指定图片始终显示在最前面，例如需求图、参考图。

摸索了一套在当时领先业内所有公开 Sketch Library 的 Symbol 设计和规划方法，包含大量特殊技巧使得 Component 在 Sketch Symbol 的玩法限制下尽可能达到高效使用目的。大部分组件无需解除绑定即可满足使用场景，同时预置了大量业务组件。

在 Sketch 中使用 SVG 代码导入 SVG 图片

使用 Automator + Shell Script + pngpaste 实现集成到 Finder 的 Quick Action，通过微信公众平台接口将图片批量上传到素材库，并自动复制图片链接列表到剪贴板。

将 SVG 推文中的内容模块封装成函数放在 JS 脚本里，开发推文时只需要编排 JSON 文件，使用 VSCode Task 一键将 JSON 文件传送给 JS 脚本生成 SVG 代码，效率远超市面工具。

在 Figma 中创建一个插件，插件代码由一个 Shell 脚本动态生成。使用 VSCode Tasks 或 Sublime Build System 将编辑器中编写的 Figma 脚本内容传送给 Shell 脚本，Shell 脚本更新插件代码，然后使用 AppleScript 激活 Figma 窗口并自动点击菜单栏中的插件选项实现执行插件。

在 Automator 中使用 Shell 脚本实现调用 SVGO 和预设配置，压缩Finder 中选中的 SVG 文件。

Automator + Shell Script + FFmpeg 实现一键将所选音频或视频转码成 MP3，复制到毛毛虫点读笔贴纸目录下。并根据目录中的编号记录把 MP3 重命名为递增编号，同时更新编号记录内容。

通过 Pipedream 订阅 Abstract Webhook，如果指定的分支、项目、文件的 Commit Message 中包含 @ 字符，就给相应的企业微信群聊机器人发送通知。

通过 RSS 的方式广播 Sketch Library，用 CODING 公开仓库做为 Library 文件的托管服务器，Pipedream 监听 Abstract Webhook，Abstract 存放 Library 的项目有新的分支合并时就触发 CODING CI。CODING CI 通过 Abstract API 下载新的 Library 文件，修改 RSS XML 文件中的广播内容，推送到公开仓库。Sketch 设置中订阅公开仓库中的 XML 文件地址，就回自动同步新的 Library。

使用 Face++ 人体抠像测试接口与 macOS Automator，编写 Shell 和 JS 脚本，实现在 Finder 中一键去除所选图片的背景。

在 Sketch 中创建一个隐藏的插件，插件代码由一个 Shell 脚本动态生成。使用 VSCode Tasks 或 Sublime Build System 将编辑器中编写的 Sketch 脚本内容传送给 Shell 脚本，Shell 脚本更新插件代码，然后调用 sketchtool CLI 在最前面的 Sketch 窗口中执行插件。

基于在 VSCode Sublime 中编写和运行 Sketch 脚本的工作流，

生成器由坐标选择网站 + Alfred Workflow 组成，自动下载指定范围内的高倍率地图瓦片，使用 ImageMagick 将瓦片拼接成一张长宽分辨率过万的超大图片，以满足特定的实物地图印刷需求。

使用 Karabiner-Elements 的 complex modifications 功能实现在指定软件中，使用空格作为快捷键修饰键。空格和其它按键一起按下时可触发快捷键，单独按时依然是空格。把 Figma、Sketch、Keynote、AI 的对齐快捷键设置为空格+ WASD 后，给工作增加一些游戏的乐趣。

我使用 Airtable 作为博客的数据源，通过 VSCode 自定义 Task 功能，实现了将 VSCode 中编写的文章快捷更新到 Airtable 指定的多行文本数据。

Web3 应用日渐增多，在 IPFS 上部署网站也变得容易，买一个 eth 域名，进入 Web3 新世界。

透明视频需准备 VP8/VP9 和 HEVC 编码的视频文件，使用 AE 导出带 Alpha 通道的视频然后使用 FFmpeg 默认的 VP8/VP9 和 hevc_videotoolbox codec 转码成 WebM 和 MOV 视频

在 CODING UIKit 中使用 Style Dictionary 管理 Design Token 并自动生成 scss 文件

Abstract 使用 Git 存储文件，分支被删时可以使用 Git 恢复分支的方式恢复 Abstract 误删分支的数据