Figma

Figma电脑版是一款实力出众的原型设计软件，内置强大的在线更新能力，设计师在开展创作的同时就可以实时预览UI界面，即时查看每一处修改带来的效果，辅助设计师高效完成创作。软件还支持多人协同开展设计工作，多位使用者共同编辑设计页面时不会出现编辑冲突，有效提升整体的设计效率。同时内置大量设计工具与各式各样的扩展插件，充分满足原型设计层面的各类工作诉求，助力日常设计工作提质增效。

Figma实操答疑指引

1、静态设计稿直接生成交互式原型，无需编写代码;支持点击、悬停、按压等基础交互设置，搭配设备框架、惯性滚动模拟移动端真机浏览效果。

2、内置智能动画、动态图层覆盖以及 GIF 动图嵌入，丰富页面过渡效果;设计文件修改之后原型页面同步更新，生成共享链接，网络环境下随时预览，原型内的评论内容也会同步保存至源文件。

3、实操绘图时使用快捷键A新建画板，右侧选定设备规格，完成画板创建之后添加 10px 布局网格，以此辅助页面排版布局。

Figma跨平台迁移上手路径

(1)设计师从 Sketch 过渡到 Figma 的时候学习门槛较低，快捷键和 AI 较为接近，不用花费大量时间重新适应操作逻辑。

(2)可以直接导入 Sketch 格式的工程文件，原有文件当中各类素材与设计信息最大限度得以保留，导入之后就能够接续开展设计。

(3)依托网页端的运行方案，不再需要借助第三方工具，Windows 系统的开发人员也可以便捷查看设计稿件。

Figma的运行模式

➤支持多名工作人员同时编辑同一个画布，甚至能够针对画布内同一个图形对象开展协同编辑。

➤对比 Sketch 传统的文件转发沟通模式，无需反复传输源文件，团队协作更加流畅。

➤网页化的运行基底带来顺滑的操作手感，即便基于浏览器运行，也可以给到接近于客户端的使用体验。

Figma响应式设计体系

【现代化钢笔工具】

借助矢量网络自由绘制图形，快速完成饼图、表盘类弧形画面的绘制;还可调用 OpenType 高级字体设置，深度挖掘字体效果，塑造专属的品牌视觉。

【自动布局功能】

按钮跟随文字自动缩放，列表元素移动之后自动重新排布;拉伸填充适配响应式页面的开发，布局内边距、间距设置还可以直接向开发交付，降低前后端对接成本。

【云端统一管理设计资源库】

保存颜色、文字、网格以及特效样式;组件支持快速编辑与局部覆盖修改，素材库资产支持检索拖拽，统一团队内部的设计规范。

【开放访客审阅权限】

可以邀请不限数量的团队成员查看稿件、发表评论;直接提取 CSS、iOS 以及 Android 端的代码片段，按需导出各类设计资源，打通设计师与开发者之间的交付环节。