

Figma renders shadows based on the object's position on the canvas, whereas Principle will show the shadow based on the object itself. Working with Shadows in Figma and Principleĭrop and Inner Shadows will behave differently between Figma and Principle.

If you want to change the Figma account associated with your Principle account, or disconnect the two completely, you can do this in Principle. You can select individual objects in either the Layers panel on the left, or directly in the canvas:

Each object will be rendered as an individual layer, just like it is in Figma.The Frames will then be added to your Artboard in Principle:.A status message will indicate that the layers are currently being rendered by Figma:.This will update the selection in Principle. Note: At this point, you can also hop over to Figma and select any specific Frames you want to import. A dialog box will prompt you to return to Principle:.If you're not logged in, you'll be prompted to login to your Figma account: Head to File in the main menu and select Import from Figma:.This will only happen the first time you use the Import from Figma option. When you first go to import a design from Figma, you will be prompted to enter your Figma account details to authorize the connection. Principle is currently available on macOS only. You'll need to have an account created with Figma and Principle to get the two connected. Disconnect your Figma account from Principle.With Figma and Principle, your designs look and feel like the real deal. Once you connect Figma to your Principle account, you can easily import your designs from Figma and start building advanced animations. You have a whole host of interactions available from scrolling or swiping, managing multiple states, building custom animations and super slick transitions. Principle is an interaction design tool that allows you to bring your digital designs and prototypes to life.
