Figma 插件 - 文字查找与替换 🧩

背景

使用 Figma 进行设计时我们需要处理设计稿的文字信息,尤其是对于交互设计师来说,需要撰写大量的业务逻辑描述。

现存问题

借助插件可以完成字符的查找与替换,但目前的插件存在几个问题

  1. 无法设置搜索范围
  2. 定位不能精确到字符级别

设置搜索范围,可以在文档较复杂时只查找、替换一定范围内的字符,避免改动到我们不希望改动的地方,使用起来更有安全感。

以字符级别的精度进行定位可以在大段文字的场景下获得更好的聚焦体验。(市面上的插件都只支持图层级别的精度)。

目前还没有找到同时满足上述功能的插件。

解决方案

于是便开发了今天介绍的插件 —— Find and Replace。

Figma - Find and Replace | Find, locate, and replace Usage method 1. Select the layer (search the entire page if unchecked)...

在搜索范围方面,它会根据你是否选中了图层决定搜索范围,有选中的图层则在选中范围下搜索、替换,否则在当前页面下搜索全部图层。也是为数不多支持全文档搜索的工具。

点击搜索结果支持以字符精度进行定位。

~~目前还无法解决的问题是,对于富文本样式的文本图层,替换文字后无法保持原来的样式,还需要关注后续 Figma 官方 API 的动态进行跟进解决。~~通过优化实现方式已解决此问题

欢迎大家使用、提出建议 :-)

开发笔记

jiangzilong の flomo

运营思路

Figma 全站的插件新增量与星期的关系

每周二、三推送更新较为合适,因为最近更新的插件可以获得更多的曝光,加上又是用户安装的活跃期,在此时推送更新可以获得更多的安装量。