使用Figma自动布局创建购物车设计

以下步骤将向您介绍Figma中的自动布局，在我们设计购物车UI时仔细了解新的自动布局功能。你将在这个Figma教程中学到什么：什么是自动布局如何使用Figma的自动布局功能创建通知图标如何使用Figma的自动布局功能创建按钮如何在Figma中嵌套自动布局如何在Figma中创建水平自动布局如何在Figma中创建垂直自动布...

如何使用Figma的检查面板

你将要创造的东西我们将在Figma中设计一个日程安排应用程序！在此过程中，我们将使用Figma的Inspect面板，解释如何将Figma设计导出为代码，如何检查Figma设计系统，以及如何使用Figma来检查设计中的任何元素。您将在本Figma教程中学到什么如何在Figma中检查框架如何在Figma中检查自动布局如...

如何在Figma中使用自动布局、组件和动态内容

  你将要创造的东西Figma作为UI设计师可以为你节省大量时间。在本实用教程中，您将学习如何通过在Figma中使用自动布局和组件来节省时间和精力。作为额外的奖励，我们还将通过直接从Google表格填充大量重复数据来使用动态内容。您将在本Figma教程中学到什么如何在Figma中创建一个按钮如何使用Fi...

如何在Figma中为约会交友应用模板创建板载和登录屏幕

  你将要创造的东西在本Figma教程中，您将学习如何为约会应用模板创建板载和登录屏幕。这是实际模板的快速预览！您将在此约会应用程序模板教程中学到什么：如何在Figma中设置框架和简单网格如何在Figma中保存颜色样式如何在Figma中添加自动布局如何在Figma中创建组件如何在Figma中制作原型有关...

15个适合网页设计师的最佳Figma模板

如果您正在寻找为您的客户设计出色的网站，那么您很幸运！继续阅读我为网页设计师挑选的15+个最好（超级多样化）的Figma模板，包括为活动家、宠物店和婚礼策划师设计的模板。Figma是什么？ 让我们从基础开始吧！它是在您的浏览器中运行的界面设计应用程序。如果您正在开展协作项目，Figma是一个特别方便的工具，因为多个设计师可以同...

使用SVGator、Figma 和Envato元素为图标制作动画

 在本教程中，我们将从EnvatoElements获取基于SVG的图标，在Figma中进行一些准备性修改，然后使用SVGator对其进行动画处理。让我们开始吧！你需要什么在我们开始之前，请继续从EnvatoElements下载这个图标包。下载后，解压缩zip文件并找到编号为15的图标，该图标看起来像一个小键盘和屏幕。开发...

28个面向设计师的Figma UI套件

很容易看出为什么网页和应用程序设计师都爱上了Figma。基于Web的界面设计工具可让您为项目构建、共享和协作开发交互式原型。它还具有多种方法来帮助您快速启动该过程。例如，可以使用FigmaUI工具包从一开始就建立一致的外观。最好的 Figma线框套件和UI套件示例位于EnvatoElements。正确的移动UI设...