Current availability in the Figma plugin
Note: The embedded code option was part of Anima's legacy Sync Flow. This flow is no longer shown in the standard plugin experience.
The legacy Sync Flow can be enabled for paid users. Once you are on a paid Anima plan, open the Anima plugin settings and enable Sync Flow. This legacy flow includes the embedded code option.
If you are already on a paid plan and still cannot see Sync Flow in the plugin settings, contact us and we can help check your setup.
Levels of Embed
Embed Code can be added in 3 different levels:
Layer
Embedding a code snippet in a layer means the code will render inside that layer. Example: A Google map in your Contact page
Example: Typeform - here's how!
Frame/ Artboard
Embedding a code snippet in a webpage means the snippet will be embedded in that page.
Example: Embed a chatbot only on your Support page.
Project
Embedding a code snippet on the website means the snippet will be embedded in every site webpage.
Example: Web tracking or analytic tools.
How To Embed Code
For users with access to the legacy Sync Flow, the embed-code steps are:
Decide and select where you want to Embed Code: in a Layer, Frame/ Artboard, or Project
Select Embed Code via the Anima plugin
The Embed Code panel will open.
Click Save after pasting the code
Showcase: Embedding Typeform in Your Design
Simply copy the code from Typeform: Click Share > Embed in a web page > Start embedding > Copy
Then, choose an element in your design file, choose embed code in the Anima plugin, and paste it there!
💡 Tip: The last part of your embedded code will look like this:
You'll need to add https: so that it will look like this
|
Preview and sync your design to see the form live!
Get involved in our Anima Community Forum!
New to Anima?