figma自带的icon在哪？figma icon？

figma线上作图-从PS到Figma

Figma是一个在线协作交互设计工具，它支持团队在同一设计文件上工作，提供了丰富的设计功能和高效的协作方式。掌握Figma的设计快捷键 Figma的快捷键有助于提高设计效率，例如Ctrl/Cmd+Shift+K导入图片，Ctrl/Cmd+Alt+C复制属性等。

而Figma在界面设计上和Sketch极为相似，运行在浏览器上，是一个web应用，不存在跨平台问题。其次，Figma颠覆了PS的方式，在UI设计上，大大提高了效率。

Figma可以导入多张图片（使用快捷键Ctrl/Cmd+Shift+K），并将其一一对应到你希望它们出现的图层（对象）上。这个功能非常方便，你可以看到导入的图像然后进行实时放置。

蒙版：蒙版可以设置将不同灰度色值转化为不同的透明度。图层是PS的核心概念，把不同的照片，处理方式等元素上下分开。AI和PS的剪切蒙版都能起到遮罩的作用，但是就是作为遮罩的容器是不一样的，AI的容器只能是形状或者是复合路径，不能是图片，但是PS无论什么作为容器都是可以的。

而Figma在界面设计上和Sketch极为相似，运行在浏览器上，是一个web应用，不存在跨平台问题。其次，Figma颠覆了PS的方式，在UI设计上，大大提高了效率。UI的工作流程：绘制线框图_交流修改_绘制高保真界面_添加交互以往完成上述工作需要跨越多个软件，而Figma则可以独自完成。纸上草图，理清产品逻辑，打开软件。

理解了Figma与Photoshop的软件本质差异，我们知道了Figma无法直接导出PSD格式。然而，通过借助其他设计工具，可以将Figma文件转换为PSD文件。首先，将Figma设计文件导出到本地。接着，使用在线设计工具Pixso，将其导入并打开设计文件。随后，选取将文件转换为Adobe XD格式。

UI设计干货Figma的使用方式你还不会吗?

〖壹〗、首先需要说明，Figma的组件管理方式很灵活，但相较于Sketch的确不够规范，这里仍建议设计师新建一个layers，以组件来命名，将原始组件都放置在这个页面，易于管理。该Layer主要目的在于管理原始组件，例如当需要大批量修改组件时，切换到组件Layer快速修改，修改后快速映射到所有设计稿。

〖贰〗、使用Figma的步骤如下：注册Figma账号，支持国内邮箱和谷歌账户登录。创建新的设计项目，开始您的设计之旅。创建团队，便于协作管理文件和设计内容。熟悉工作界面，与Sketch类似，设计师可以直接上手。虽然Figma有免费版，但存在一些限制，付费版每月每人12美元，对于个人用户和企业用户的选取有所不同。

〖叁〗、首先，Figma提供了多种切图方式。在设计文件中，选取需要切图的图层，右键选取“Export”即可进行导出，预览并定制导出格式、尺寸和倍率。使用切片工具（快捷键S）可以更精确地自定义切图区域，确保开发人员获得所需尺寸的资源。

Figma与Sketch哪个比较好?各自的优缺点是什么?

〖壹〗、易懂好上手。Figma以结果为导向地描述编辑点：有Icon吗？有正文吗？有辅文吗？操作项的数量是多少？即使对于从未使用过组件的新生来说，这些词也很容易理解，并且可以备注使用规范辅助说明。不仅如此，以上编辑点也可以根据自己的业务定制，即使每个团队对组件的叫法习惯不同，也不用担心。

〖贰〗、总结，Figma在设计功能、协作与资源使用方面优于Sketch，提供更高效的设计体验。但Figma对国内用户存在访问限制问题。即时设计作为国产在线UI设计工具，适合国内设计师使用，且对个人用户免费。

〖叁〗、在性能和性能上，Figma适合处理大量画板，对性能要求较高的用户会更喜欢于它。而Sketch的桌面体验和丰富的选取，如浮动功能，更适合习惯其操作方式的设计师。至于选取，Figma凭借其免费、跨平台和实时协作功能，成为了一个强有力的选取，尽管Sketch的成熟度和本地插件仍然是其优势之一。

〖肆〗、Figma与Sketch的主要区别体现在实时协作、平台适用性、功能特性以及用户体验上。Figma以浏览器为基础，提供实时协作功能，设计团队可以同时在同一个文档中高效合作，无需担心版本冲突。它的矢量网格特性使得设计更加直观和灵活，不同于Sketch的点对点操作。

〖伍〗、在概念构思中，Figma因其实时共享和易用性胜出；在低保真制作中，Axure凭借预打包组件占优；而高保真设计和交互式原型，Figma因其更精细的交互模型和云同步特性领先；设计系统构建时，Figma的协作优势使其脱颖而出；至于与开发团队的协作，Axure的生成器提供了独特的开发材料支持。

〖陆〗、Figma：全平台覆盖、精细化矢量设计、智能化布局、团队组件样式共享、社区和资源库仅社区、多人实时协作、高保真原型交互动画、成果一键交付。Sketch：平台覆盖Mac OS、传统钢笔工具、多人实时协作、交互动画简单的点击式原型、成果借助第三方工具交付。

figma怎么做交互

绘制矩形于按钮上，关闭填充的眼睛。2）点击prototype按钮，设置跳转。添加交互效果、选取点击方式、设置跳转页面。事件触发方式包括：点击、拖拽、悬停、长按、键盘按键、鼠标移入/移出、鼠标上下移等。跳转方式有：导航、改变、打开覆盖图、滑过覆盖图、关闭覆盖图、返回、滚动、打开链接等。

Figma可以导入多张图片（使用快捷键 Ctrl / Cmd + Shift + K ），并将其一一对应到你希望它们出现的图层（对象）上。这个功能非常方便，你可以看到导入的图像然后进行实时放置。

首先，如果你的原型图在Sketch中完成，可以轻松导入Figma。在Figma主页，找到导入文件的入口，如图所示，导入你的设计内容。为了实现交互，你需要在Figma中为元素添加动态效果。例如，通过在按钮上绘制矩形，然后关闭填充，设置交互。点击prototype，添加点击交互，选取on click，定义跳转到的页面。

在Figma中打开要添加左滑删除的列表或卡片视图。在左侧面板中选取“组件”或“图层”，然后从“交互”选项卡中选取“滑动”选项。在“滑动”选项中，将“动作”设置为“滑动”、将“方向”设置为“水平”，将“开始位置”设置为0，将“结束位置”设置为负数（如-100）。