Check out our full guide to the Component Library here

Question

Answer

Why do I see an image layer instead of a the component when I drag it from the library into Figma?

The image layer created is just a placeholder. Once you preview / sync the design with Anima you’ll see the real React-based element.

Can I edit the design theme / style of all my components at once?

Customized themes will be supported soon, stay tuned!

How do I insert an icon into a component?

Start typing the name of the icon you're looking for and it should appear in the drop down

Why can’t I find the component library I'm looking for?

We started with the most common component Libraries. We plan to implement more soon! Have a specific request? Share it with us here :) .

How can I edit a component I already added?

Simply select the layer and you’ll see the ‘Edit’ button in Anima panel. Click 'Update' once it's ready!

I am changing the widget layer size in Figma but it is not reflected in Anima preview / sync. Why?

We follow the relevant Component Library's guidelines. Some components have a fixed width / height. Changing the layer size in the design tool will break those guidelines. When you preview the element in Anima, you’ll see the correct size of the element as defined in the React code.

Some of the component features can be edited from within the plugin, such as size, icons, shapes, etc.

Did this answer your question?