Skip to main content

Design tool Figma adds integration with Principle for animated app prototyping

Popular design and prototyping tool Figma is today announcing support for the macOS-based UI animation software Principle. The integration will allow Figma designs to be imported into Principle, where designers can add advanced animations to their app prototypes.

Designers today have an overwhelming number options to choose from when picking software for prototyping app designs. Many opt to use multiple applications together for a more powerful workflow. But moving between apps can be difficult and feel like a workaround if not explicitly supported by the apps’ developers. Figma outlines the features of its new integration:

  • Add scrolling to pages or swiping between image cards.
  • Give buttons different states based on how people interact with them.
  • Play with animation between objects like spring, ease in, ease out or linear transitions.
  • Principle automatically recognizes changes made in Figma, and merges them.
  • Developers can put in the ID of a specific Figma file to see how the API will ultimately call it, enabling them to test the building blocks of the Figma API and understand its functionality.

Today’s announcement comes just after Adobe MAX, where voice prototyping and new animation tools were added to the user experience design platform Adobe XD. Prototyping apps across the board have been doubling down on support for animation as designers seek the ability to create high-fidelity designs.

If you’re just getting started with prototyping, Apple offers a useful Design Resources page with free UI kits and a Today at Apple session that introduces the basics of prototyping.

More information on Figma and Principle can be found on Medium.


Check out 9to5Mac on YouTube for more Apple news:

FTC: We use income earning auto affiliate links. More.

You’re reading 9to5Mac — experts who break news about Apple and its surrounding ecosystem, day after day. Be sure to check out our homepage for all the latest news, and follow 9to5Mac on Twitter, Facebook, and LinkedIn to stay in the loop. Don’t know where to start? Check out our exclusive stories, reviews, how-tos, and subscribe to our YouTube channel

Comments

Author

Avatar for Michael Steeber Michael Steeber

Michael is a Creative Editor who covered Apple Retail and design on 9to5Mac. His stories highlighted the work of talented artists, designers, and customers through a unique lens of architecture, creativity, and community.

Contact Michael on Twitter to share Apple Retail, design, and history stories: @MichaelSteeber