杰森打字的特写
迈克艾舍斯特
更新于2022年1月10日 · 6分钟 读

Figma插件,促进您的设计工作流程

内容

Figma 是设计界面的好工具吗. 使用Figma的好处之一是它背后的社区不断提供大量有用的资源, 有些你甚至没有意识到你需要它. 这些包括模板、工具、图标和插件,可以帮助您 设计 更快更简单的工作流程.

安装Figma插件非常简单. 只要去Figma资源上 社区页面,找到一个你喜欢的,然后点击“安装”将其添加到你的帐户中. 下面是外围滚球app365最近使用过的Figma插件列表,可能会引起你的兴趣.

神圣之灵

在Sketch、adobexd和Figma中创建高保真原型,并导出HTML & CSS在一个单一的点击.

神圣之灵帮助你创建高保真的原型,包括:

响应式设计:使用断点和引脚为所有屏幕尺寸创建一个单一的原型.
→生活, 交互式原型:添加视频, 动画, 真正的输入字段, 悬停效果, 甚至嵌入自定义代码.
→直接集成:无需维护两个设计. 直接从Figma那里工作.

神圣之灵

筹划者

筹划者是一个一体化的工具,可以帮助团队设计产品体验的每个部分. 从筹划者开始,实现比以往更快的函数输出——不需要任何代码.

筹划者

图表

图表是一个很有用的工具,它可以帮助你通过复制/粘贴Excel等编辑器中的文件来使用数据创建图表, 数字, 和Live谷歌Sheets. 图表还支持远程JSON (REST API)、本地CSV和JSON文件.

图表

运动

使用运动 (Figma的交互式动画工具)让你的设计变得生动起来. 在UI、动画元素、移动角色等方面进行交互.

运动

Ominchart

Ominchart是一个很好的工具,可以帮助你轻松地创建可定制的用户体验流程图. 每个元素都是独立的,这意味着您可以按照自己的意愿重新排列、编辑或删除.

Omnichart

布拉沃

有了布拉沃,你可以把Figma设计和原型变成真正的iOS和Android移动应用程序. 不熟悉代码? 没问题,布拉沃不需要代码!

看布拉沃行动

布拉沃

脸红

在您的Figma项目中创建、编辑和修改现成的插图 脸红. 只需选择一种风格,自定义您的艺术,并使用您的Figma设计插图.

脸红

洛蒂Files

洛蒂Files 是很棒的(而且是免费的!)工具,帮助您在设计中创建动画.

使用洛蒂Files插件,你可以:

→拖放你自己的dot洛蒂 (.和JSON (.json)文件.
→访问1000个免费洛蒂动画库.
→访问洛蒂Files上预览的所有动画.
→插入动画帧作为高质量的svg.
→以GIF动画形式插入洛蒂s.

洛蒂

动态数据

动态数据是一个简单的插件,它为您提供了通过自动化节省时间的选项.

具有创建您的艺术品的多种变化的能力, 它可以集成单个数据源文件, 例如带有Figma文档的CSV或XLSX文件. 看看这是怎么回事 动态数据演练视频.

动态数据

断点

Breakpoint是一个插件,允许你预览Figma框架内的响应式设计布局. 断点可以在插件窗口不打开的情况下工作,并且你团队中的任何人都可以在不安装插件的情况下调整框架的大小.

Breakpoint的其他功能包括:

→可设置自定义值
→可以添加水平断点和垂直断点
→适合Web, Android, iOS/iPadOS使用
→快速响应调整到断点
→有标尺,测量准确

请收听本期视频了解更多内容 开始使用Breakpoint.

断点

HTML<>Figma

Convert Figma 设计s to high quality, responsive HTML, CSS, React, Vue, and more with HTML<>Figma.

678b8473 089e 40d2 981e d7b9d8ca4fd0盖子

调色板

你的设计需要更好的调色板吗? 只需安装调色板插件,并从Figma设计中的一个巨大的颜色列表中搜索.

与调色板为Figma, 你可以搜索特定的颜色代码, 面板数, 甚至只是一个你从调色板插件中记得的名字,并将其应用到你的设计中,使其看起来很棒.

调色板

Bannerify

对于那些厌倦了手动编码横幅, 或者只是需要一个快速的解决方案, 这个插件允许你从Figma导出动画横幅到HTML, gif, 和视频.

Bannerity

Coda在Figma

设计与应用程序的数据,如Spotify,维基百科或您自己的自定义数据与这个插件. 这个插件使用Coda,一个制作文档的工具. 只需在Coda中创建一个表,然后使用插件将表中的内容填充到设计中.

Coda在Figma

Figmoji

在Figma设计中无缝添加表情符号. 只需选择你想要的表情符号,Figmoji就会添加所选表情符号的SVG.

Figmoji

Figmotion

Figmotion提供了一种在Figma应用中创建动画的简单方法. 该工具可以直接在Figma中工作,这意味着你的工作流程比第三方应用程序更流畅、更省时.

Figmotion

Vectary 3 d

与 Vectary 3 d 您可以轻松地将您的2D设计直接插入Figma作为3D模型或其他3D设计, 只需点击一下.

Vectary 3 D

视窗

确保你的设计覆盖了合理的市场份额. 选择一个或多个帧和视窗将让您更改它们的大小到您喜欢的显示. 简单的!

视窗

Responsify

快速测试您的设计跨越多个不同的设备尺寸与Responsify.

Responsify

Figma的低保真线框套件

一个包含超过100个线框图组件的健壮库, 低保真的 包含包含按钮的组件, 文本字段, 选项卡, 和图像,使它快速和容易地改进您的Figma设计.

Figma的Lo Fi线框套件
写的
迈克艾舍斯特
你好,我是迈克 - Shape网站设计师. 我的文章通常包括设计相关的东西.

相关的博客

在社交媒体上关注外围滚球app365