Figma 设计资源合集
Figma 插件推荐合集
Figma 功能和优势
Figma 能干什么,都有哪些功能,Figma 和竞品相比有哪些优势,让你快速了解 Figma。
Figma = Sketch(UI 设计)+ InVision(原型设计)+ Zeplin(标注)+ Dropbox(云端同步)+ Craft-Freehand(实时讨论)
Figma 功能
Figma 集合了 6 个软件的功能于一体
UI 设计
Figma 是为 UI 设计而生的设计工具,除了有和 Sketch 一样基本的操作和功能,还有许多专为 UI 设计而生的强大功能。
原型设计
你可以在 Figma 里面无缝完成从设计到原型演示的切换,不需要反复同步设计图到第三方平台,我们同样可以利用 Figma Mirror 在手机上预览效果。
前端协作
工程师可以在设计图上获取标注、并且可以导出所需任何资源(包括 CSS、iOS、Android 样式)
实时协作 + 内置评论
在 Figma 里,设计和协作可以是同时进行的,任何人都可以在设计图的任何地方添加评论, 你可以在评论中 @其他人 或将评论标记为已解决。
Figma 优势
文件存储在云端
- 不用同步,在任何电脑上都可以访问
- 没有传统中文件的概念(不用来回传文件)
- 设计稿永远是最新的
在线协作
- 可以同时处理一个文件
- 可以一起查看文件而无需共享屏幕
- 任何人都可以对设计稿评论
多平台
- Windows
- chrome
- Linux
- Mac
为 UI 优化的功能
- 智能排列
- 批量图片导入
- Layout
- Web Font & Font Icon
![icon](https://cdn.coiven.com/static/figma.cool/plugins/963088930763202337-icon.jpg)
AutoHeight
根据页面中最下方的元素一键重置 Frame 高度。
![icon](https://cdn.coiven.com/static/figma.cool/plugins/888304306411591623-icon.jpg)
autoRename
文本图层命名将由文本内容自动生成。
![icon](https://cdn.coiven.com/static/figma.cool/plugins/969605084843030535-icon.jpg)
Chinese Copywriting Linter
中文和英文、数字、符号间插入空格,替换半角为全角。
![icon](https://cdn.coiven.com/static/figma.cool/plugins/851126455550003999-icon.jpg)
Chinese Font Picker
选择和预览系统中已安装的中文字体。
![icon](https://cdn.coiven.com/static/figma.cool/plugins/864052338727969891-icon.jpg)
Chinese User Data Generator
快速生成姓名、年龄、性别、地址、身份证等用户数据信息
![icon](https://cdn.coiven.com/static/figma.cool/plugins/891195693567112423-icon.jpg)
FrameAll
Add frame to all selected layers.一键给所选图层批量添加 Fra
![icon](https://cdn.coiven.com/static/figma.cool/plugins/972423632807749534-icon.jpg)
MergeText
Merge multiple text layers into one paragraph te
![icon](https://cdn.coiven.com/static/figma.cool/plugins/914915344210670876-icon.jpg)
Padding Manager
Set up three types of padding and manage them ce
![icon](https://cdn.coiven.com/static/figma.cool/plugins/964142928021463219-icon.jpg)
Plugin Store
Very easy to search all Figma plugins in your de
![icon](https://cdn.coiven.com/static/figma.cool/plugins/863748474013054025-icon.jpg)
Same Text Generator
Generate the same text with one click.一键批量生成相同的文
![icon](https://cdn.coiven.com/static/figma.cool/plugins/889042366877166936-icon.jpg)
Selection2Page
Move the selection to the new page created autom
![icon](https://cdn.coiven.com/static/figma.cool/plugins/862912103841000337-icon.jpg)
Unlocker
Centrally manage your locked layers.集中管理所有的锁定图层。
![icon](https://cdn.coiven.com/static/figma.cool/plugins/964923142929990075-icon.jpg)
WebCard
Generate a web info card that can be opened with
![icon](https://cdn.coiven.com/static/figma.cool/plugins/1019974184922505532-icon.jpg)
Chart Maker
Powerful chart maker built with Nivo.
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcn-cover.315ccd80.png&w=1920&q=75)
学习使用 Figma
我们准备了 Figma 学习路径、官方文档和相关的网址导航帮助你高效快速地上手 Figma。
核心团队
我们是分布在四川、杭州和武汉的远程团队。
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fyancy.d6eeefb9.png&w=1080&q=75)
Yancy Min
Design & DevProduct Designer / Design Systems, Maker of Figma.Cool and Webs.Video.
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcoiven.17b89f88.png&w=1080&q=75)
Coiven
Full-stack Dev"不务正业" 的小透明前端
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fyork.575ecd40.png&w=1080&q=75)
YorKun
DesignUI / Graphic / Animation designer. 你可以简单称呼我「右可」。
我们的贡献者
在此感谢参与贡献力量的创作者们。
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FAvatar-1.cc1b8d4d.jpg&w=256&q=75)
Pluwen
基督徒,两个男孩的爸爸
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FAvatar-2.8c9249cc.jpg&w=256&q=75)
Neko
Gap year 中的设计师
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FAvatar-3.719b6424.jpg&w=256&q=75)
诺墨
技术布道 / 独立开发者 / 产品经理