Getting the Most Out of the Figma Plugin

If you haven’t downloaded the Axure for Figma Plugin, click here!

Here at Axure, we understand that many of you use a variety of design tools across your organization. With the Axure for Figma plugin that we unveiled in 2020, transforming your Figma files into rich, interactive prototypes is a breeze. If you’re a Figma user who’s looking to combine your design assets from Figma with Axure’s powerful and interactive prototyping capabilities, check out these tips and tricks to help get you started.

 

When to use the Figma plugin?

If you’re new to Axure, you may be wondering when and why you should import your Figma designs into Axure RP. Using Axure RP is great anytime you want to add more realism and interactivity to your designs. This can range from simply having a text field that is functional and allows users to type into it, to creating highly-interactive, realistic prototypes filled with complex interactions and conditional logic. Additionally, since the plugin imports your designs as separate layers (as opposed to pasting each frame as a single image), adding interactivity or style effects to specific elements is easier than ever.

For example, let’s say you have a Figma design of a sign up and login screen that you want to add interactivity to, in order to better capture the user workflow. Once you bring the Figma file into Axure, you can begin taking steps such as building interactions for the submit button to successfully take users to the next page based on what they type into each field, which this tutorial outlines. Additionally, with the new Error State style effect, you can also add conditional logic to the button’s interaction so that it automatically displays the error state when the user doesn’t complete a field, or enters the wrong credentials.

A sign up or login screen is just one of many examples that demonstrates how adding interactivity to your designs creates more realism. The more realistic your prototypes, the better you can conceptualize the workflow, which comes in handy when presenting to stakeholders or conducting user testing.

 

How else can you make the most out of the Figma plugin?

When working with multiple design tools, staying organized can be tough. That’s why in addition to bringing your Figma frames into Axure RP, you can also export your frames into Axure Cloud keeping everything organized into a single, shareable link. If you don’t need to add complex interactions to your Figma designs in Axure RP, exporting them to Axure Cloud still has its benefits such as the ability to inspect your designs, turn them into quick click-through prototypes, and share them with others.

We hope this deeper dive into making the most out of using both Figma and Axure helps! As always, to submit any feedback, you can contact us at support@axure.com. Happy Prototyping!