用代码来操作 Figma
在上一节我们进入了代码的世界,但是我们一直在控制台中写代码,当代码变多时就不太方便了。今天给大家推荐一个 Figma 中的代码编辑器 Scripter,这是由 Figma 的早期设计师 Rasmus 写的插件,非常强大。
Scripter 简介
打开 Scripter 插件,可以看到一个十分简洁的代码编辑器,左侧栏还有很多示例,你可以点击名称切换到这些示例,并点击右上角的播放图标 ► 逐个体验一下,感受一下 Scripter 插件的强大。
左侧栏往下滑,可以看到设置选项,可以通过它们来调节代码编辑器的行为,或者窗口大小。
第一个脚本
现在我们一起来写第一个脚本,点击顶部的加号就可以创建一个新的脚本。在代码编辑器中写下 print(figma.root.name)
,点击右上角的播放图标运行,Scripter 会在这一行代码下方显示文件名。
在 Scripter 里,我们可以使用上一节介绍的 figma
对象。
写一些有用的脚本
接下来,我们一起来写一些有用的代码脚本,继续学习一下如何用代码做设计……
解锁完整版
你当前阅读的是完整版的节选,完整版包含所有章节,并提供一个完整的项目示例。