在 Figma 中开发图形设计时,我们花费大量时间查找图片、编写文本并选择正确的颜色。但 Figma 中的流程可以而且应该自动化。为此开发了合适的工具 – 插件。接下来我们将列出可减少日常任务并提高工作速度的顶级插件。为了方便起见,文章分为三个部分:
处理文本;
图像;
适应性
使用 Figma 的文本插件
No. 1. 俄语 Fishtext。一代人创造的鱼文本。运行插件时,您需要设置特殊选项,之后该工具将生成文本。工作原理:
让我们启动该插件。
英文鱼文
将出现个弹出窗口
选择问题的一个选项:我们正在生成什么?可用的内容如下:句子、段落和标题。
Figma 插件
选择第一项(句子)时,设置滑块以确定要创建的句子数量:5、10、15。因此,文本将是实心的,没有缩进。如果您从根本上将文本分成段落,则第二段设置段落数。至于标题,没有滑块,因为标题只能包含一个句子。如果您只需要制作标题,那么有一个特殊的 Typeout 插件可以用于此目的。
当您需要用随机内容快速填充界面时,Fishtext 是正确的解决方案。
第二,文字更漂亮。允许您更正文本。这是
第 19 号。自动布局。还做点单。仅当模板更改时,该过程才会自动发生。很好地展示了设计在不同设备上的外观。
这里有很多设置。
方向 – 三个按钮,用于垂直、水平或平移排列元素。前提是框架的宽度不减小并且需要转移一些物体。
填充 – 从框架边缘产生缩进。值以像素表示。基本参数,Top(上)、Right(右)、Left(左)、Bottom(下)。
水平、垂直 – 立即更改一组对象的位置。例如,将它们放置在中心、右侧、左侧、顶部、底部。
宽度和高度 – 它们每个都采用两个参数“高度和宽度”,以及调整大小以适合,位于框架的整个工作区域。因此,不可能改变布局的尺寸。
自动布局插件figma
第 20 号。自动流程。建立布局之间的连接。让我们启动该插件。按住 Shift 键并单击一种布局,然后单击另一种布局。将建立连接,其他设置包括线条粗细、颜色和圆角。
自动流程插件figma
要更改连接属性,您需要单击该线。有几个字段可供编辑。更改某一字段后,按 Enter 键,新参数即生效。
开发过程变得比以往任何时候都容易得多,现在一切都触手可及。工具整理完毕,随时调用。
如果需要做适应性?请!单击几下,您的模板在所有数字设备上看起来都很棒。要组装一个用于未来设计的情绪板,没有问题,代替吸管,运行figma插件,它会自动完成所有事情。
您正在为营销活动创建在线商店,并且需要完成一项任务,例如 WhatsApp 号码数据 分析页面的时间表、使用随机文本填写产品卡、发布用户评论以及选择临时徽标。所有这些都可以通过 Figma 的适当插件来完成。安装它们,你.
该工具可让您快速使文本整洁且格式良好
第三,拼写检查器。另一个仅纠正拼写的文本检查插件。对用户犯错误 中国企业“出海”的外在环境也在不断 的地方进行更正。您只需点击几下即可使用拼写检查器。选择文本,右键单击并从上下文菜单中选择拼写检查器,如图所示。
Figma 的拼写检查插件
之后,将出现一个弹出菜单,其中将显示单词数、字母数和 bwb名录 误数的统计数据。
那些有拼写错误的单词将以红色突出显示。单击它们,将提供更正选项。
4. 字体筋膜。使用此插件,您将能够获得布局中使用的所有字体的列表。我们在弹出窗口中启动它,并获取字体列表及其在文本中的使用量。