figma button_Figma镜子的实时移动ui ux原型

figma button

Today, many design teams are transferring their design system from Sketch and Adobe XD to Figma. This greatly simplifies teamwork, data export, layout, and gives many more different advantages.

牛逼 ODAY，许多设计团队从素描和Adobe XD转移他们的设计系统的figma。 这大大简化了团队合作，数据导出，布局，并提供了更多不同的优势。

However, many designers do not take into account the fact that there is another huge advantage of working with a figure. It’s about the application Figma Mirror. This application installs on your smartphone and transmits any frame selected in your working environment in Figma to your mobile device in real time.

但是，许多设计师没有考虑到使用模型还有另一个巨大优势这一事实。 关于应用程序Figma Mirror。 此应用程序将安装在您的智能手机上，并将在Figma的工​​作环境中选择的任何帧实时传输到您的移动设备。

现在发生了什么事？ (What is happening right now?)

Until now, according to tradition, designers are testing mobile applications on real devices only after dancing with a tambourine and transferring screenshots to the phone. Or only after the developer makes part of the application and brings you his test smartphone in 1 minute, so that you can click on your beautiful design. In any case, it is long, difficult and inefficient. I constantly observe this in different teams. It pains me to watch how people spend a lot of time fixing bugs that they could have avoided at the very beginning of the development process!

到目前为止，根据传统，设计师只有在手鼓跳舞并将屏幕截图传输到手机后，才能在真实设备上测试移动应用程序。 或仅在开发人员加入该应用程序并在1分钟内为您带来他的测试智能手机之后，您才能单击漂亮的设计。 无论如何，这是漫长，困难和低效的。 我经常在不同的团队中观察到这一点。 看到人们如何花费大量时间来修复在开发过程之初就可以避免的错误，这让我很痛苦！

为什么我积极使用Figma Mirror？ (Why am I actively using Figma Mirror?)

Using the Figma Mirror application, you can test the convenience and visual quality of your layout on a real device at any stage of development. You can test your UX wireframe, or your beautiful UI, no matter.

使用Figma Mirror应用程序，您可以在开发的任何阶段在真实设备上测试布局的便利性和视觉质量。 无论如何，您都可以测试UX线框或漂亮的UI。

The important thing is that you can check the following at any time:

重要的是您可以随时检查以下内容：

• how convenient are the interface elements?
  界面元素有多方便？
• can you reach them with your finger without dropping the phone?
  不用放下手机就能用手指接触到它们吗？
• what the colors of the interface look like on a real device?
  实际设备上界面的颜色是什么样的？
• are the sizes of text, buttons and indents convenient?
  文字，按钮和缩进的大小方便吗？
• and much more…
  以及更多…

结果是什么？ (What do you get as a result?)

And all this can be done in real time! You move the button in the layout and immediately check the convenience of the interface directly on your smartphone.

所有这一切都可以实时完成！ 您在布局中移动按钮，并立即直接在智能手机上检查界面的便利性。

In addition, you can show the prototype to the customer or boss on a real device on the same day, and this will be your indisputable argument in favor of the decisions you made. After all, many people seeing the design of a mobile application only on the monitor screen, can not appreciate the scale and convenience of the interface, as well as the availability of some elements separately.

此外，您可以在同一天在真实设备上向客户或老板展示原型，这将是您无可争辩地支持您做出的决定的理由。 毕竟，许多人仅在监视器屏幕上看到移动应用程序的设计，无法欣赏到界面的规模和便利性以及某些元素的单独使用。

Thus, you have a unique opportunity to test the interface before you spawn a lot of screens with the same error. Or worse, apply a design system to the entire project that has not been tested on real objects! This is a great opportunity to save hours and days of work, so let’s use it to the full.

因此，在产生许多具有相同错误的屏幕之前，您将有一个独特的机会来测试界面。 更糟糕的是，将未经实际对象测试的设计系统应用于整个项目！ 这是节省工作时间和工作日的绝佳机会，因此让我们充分利用它。

You can download the Figma Mirror in the app store or play market right now, it’s free!

您可以在应用商店中下载Figma Mirror或立即进入市场 ，它是免费的！

P.S. I’m sure it will save you a lot of time looking for great solutions ;)

附言：我敢肯定，它将为您节省大量时间寻找出色的解决方案;)

翻译自: https://uxdesign.cc/real-time-mobile-ui-ux-prototyping-with-figma-mirror-6802eb76bb3f

figma button