UI 工具市场在不断发展——Adobe Photoshop 逐渐被 Sketch、Zeplin 和 InVision 的软件解决方案所取代，现在设计师们大量选择该领域的领导者 Figma 来完成他们的工作。
轻松开始
Figma 是世界上最好的设计工具，具有用户友好的界面，在网站 国家邮箱列表 创建的第一阶段：设计开发中使用起来很方便。该软件可在浏览器中使用，并可从不同平台打开。安装包和各种应用程序也不需要 – 只需访问 figma.com，如果您是新用户则注册，或者如果您已经工作过则使用您的帐户登录并开始工作：
您还可以通过您的 Google 帐户按照以下几个简单的步骤登录该程序：
与 Figma 轻松适配
注册后，将打开一个使用布 资源并已贡献给 局的页面。它看起来像这样：
从视觉上看，该页面可以分为三个部分——两个侧面部分和一个中心部分。左边是图层，中间是布局，右边是样式。然后阅读我们的 figma 布局指南。
在页面顶部，您将看到控制面板：
在这里您可以进行必要的设置，使您的工作更加方便——增加或减少比例，添加网格以获得更好的布局以及做很多其他的事情。
好吧，如果您正在寻找有关在 Figma 中担任设计师的课程，这里有一个很好的视频课程频道 – 以及电报中的两个培训频道：
您还可以通过聊天室提问：@figma_designer_chat
放大时，选择任何必要的元素，例如徽标上方的顶部导航条，在中央部分以蓝色突出显示：
在左侧，您可以打开用于布局的图层 – 它们显示位置和图层。
右侧默认是 CSS 中的样式。这里切换到代码模式 – 查看上面屏幕截图中的光标。这将打开一个具有您将使用的样式的块。
当您将鼠标悬停在特定的块、图标或文本上时，您会看到所选元素的尺寸、到最近块的距离等：
清晰的图片展示工作
对于这项工作，您有位于右侧 电话线索 的 EXPORT 块：单击加号 – 该块将完全打开。在其中选择所需的参数、导出图像的首选格式以及 iOS 设备放大的需要。最后，单击“导出图像” – 程序将提供保存图像的功能，请执行此操作。
不要上传 svg 格式的图像，因为这只是编码，以后无法通过样式进行管理。因此，所有图标和箭头，如果背景是透明的，都应以 png 格式上传。滑块和产品块中的其余图像 – 为了节省空间，请以 jpg 格式上传。
提交项目时，优化图片；互联网上有很多免费的在线资源可以解决这个问题。
要求所有图标、箭头和徽标都采用 SVG 格式，以便图像在移动设备上不会失真，并且在悬停、聚焦和通过样式时可以方便地使用它们。这样您就不必浪费时间创建额外的图像。