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

tags
Design
Tool
date

背景

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

现存问题

借助插件可以完成字符的查找与替换,但目前的插件存在几个问题
  1. 无法设置搜索范围
  1. 定位不能精确到字符级别
notion image
设置搜索范围,可以在文档较复杂时只查找、替换一定范围内的字符,避免改动到我们不希望改动的地方,使用起来更有安全感。
以字符级别的精度进行定位可以在大段文字的场景下获得更好的聚焦体验。(市面上的插件都只支持图层级别的精度)。
目前还没有找到同时满足上述功能的插件。

解决方案

于是便开发了今天介绍的插件 —— Find and Replace
notion image
在搜索范围方面,它会根据你是否选中了图层决定搜索范围,有选中的图层则在选中范围下搜索、替换,否则在当前页面下搜索全部图层。也是为数不多支持全文档搜索的工具。
点击搜索结果支持以字符精度进行定位。
目前还无法解决的问题是,对于富文本样式的文本图层,替换文字后无法保持原来的样式,还需要关注后续 Figma 官方 API 的动态进行跟进解决。通过优化实现方式已解决此问题
欢迎大家使用、提出建议 :-)

© jiangzilong 2024