杰森打字的特写
迈克艾舍斯特
于2021年7月27日更新 · 5分钟读

20个Figma插件来提升你的设计工作流

内容

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

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

神圣之灵

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

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

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

神圣之灵

筹划者

筹划者是一个一体化的工具,帮助团队设计产品体验的每个部分. 从筹划者开始,实现比以前任何时候都不需要代码更快的功能输出.

筹划者

图表

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

图表

运动

把你的设计生活与运动,一个Figma的互动动画工具. 在UI、动画元素、移动角色等中进行交互.

运动

Ominchart

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

Omnichart

布拉沃

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

看到布拉沃在行动

布拉沃

脸红

在Figma项目中创建、编辑和修改现成的插图 脸红. 简单地选择一个风格,定制你的艺术,并使用你的插图在你的Figma设计.

脸红

洛蒂Files

洛蒂Files 是一个奇妙的(和免费的!)工具,帮助你在设计中创建动画.

有了Figma的洛蒂Files插件,你可以:

→拖拽你自己的dot洛蒂 (.lottie JSON (.json)文件.
→访问1000秒的洛蒂动画库.
→访问洛蒂Files上预览的所有动画.
→插入高质量的svg动画帧.
→插入洛蒂s为GIF动画.

洛蒂

动态数据

动态数据是一个简单的插件,可以通过自动化节省时间.

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

动态数据

断点

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

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设计作为3D模型或其他3D设计直接插入Figma中, 只要点击一下就可以了.

Vectary 3 D

视窗

要确保你们的设计在市场上占有合理的份额. 选择一个或多个帧和视窗将允许您更改其大小到您首选的显示. 简单的!

视窗

Responsify

使用Responsify快速测试您的设计在多个不同的设备大小.

Responsify

Figma低保真线框套件

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

Figma的Lo Fi线框套件
写的
迈克艾舍斯特
大家好,我是迈克——Shape的网页设计师. 我的文章通常包含与设计相关的内容.

相关的博客

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

©MadeByShape Ltd 2021. 365滚球app下载推荐
保留所有权利. 隐私政策

电话
工作室的地址

MadeByShape
吉菲尔德公园大道1号
阿瑟顿
曼彻斯特
苏M46 0

友情链接: 1 2 3 4 5 6 7 8