WithAI.Design

5 min read

我又做了一个Figma插件AI自动填充文本

我又做了一个Figma插件AI自动填充文本

前言

UIUX设计师们,在日常工作中,会不会时常遇到需要“手撸”大量文本的时候?像以下的界面,为了尽量让界面看起来更加真实,我们不得不到处搜索,寻找文字内容。 为了让设计师们能够更加专注设计本身,我做了一个自动填充文本的Figma插件,只需要动动手指,就可以让AI帮你填充文案啦。

看看视频的效果吧:

因为我是开源的坚定拥护者,这个插件使用了免费的Ollama加最新的llama3.2模型,实际测试效果看,虽然比不上在线大模型,但是应付一般的场景,已经够用了,最多就是多抽几次卡。 关键是,一旦部署后,是完全免费的,也保证了数据的安全。

Ollama Auto Fill 使用流程

部署Ollama

Ollama是一个本地语言大模型部署平台,提供便利的本地化部署解决方案,小白也可以快速地部署并运行本地语言大模型。

下载Ollama客户端

  1. 打开网址:https://ollama.com/
  2. 根据自己的平台选择下载的版本
  3. 运行安装文件

拉取模型

我这个插件使用了llama3.2模型,该模型是meta公司出品,最强的开源模型之一。 当我们下载好ollma后,在终端(Mac)或者power shell(Windows)运行:ollama run llama3.2。 等待模型下载即可。

下载成功后,可以继续测试一下模型是否已经ready:

安装插件并使用

安装插件

在Figma社区找到我的插件,点击使用

使用方法

  1. 选择要填充的文本框
  2. 输入要填写的内容:如:关于wto的新闻标题,100字
  3. 点击生成
  4. 等待片刻(时间取决于你电脑的硬件水平~🥱)
  5. done!

支持多选多个文本,插件会自动判断产出的数目,并自动填充到选择文本中。

注意了,假如结果不满意,还可以再次点击生成按钮,AI模型本身也存在一定概率的幻觉,有时候结果不一定好!

感兴趣的设计师朋友,可以去试试哈~

更多 AI 辅助设计和设计灵感趋势,请关注公众号(设计小站):sjxz00。

标签