Subscribe
Sign in
Anima 4.0 — Transform Sketch/Figma/XD to React code.
Anima 4.0 transforms designs into workable developer-friendly React code, helping designers and developers to work more efficiently by improving collaboration and minimizing grunt work. Using Anima, product teams can ship quality products, faster.
14
Replies
Hey Hunters,
We’re excited to announce that Anima 4.0 is finally here 🎉
In 4.0 we’ve focused on bringing developers into the fold so that they can go straight from high fidelity designs to clean React code they can actually work with.
In a nutshell, Anima has evolved into an end-to-end solution that transforms the design-development handoff into a continuous and integrated process. This means less grunt work, minimal iterations, less pixel-pushing, and more time to get creative.
Here are the game-changers in Anima 4.0:
** DEVELOPER FRIENDLY CODE **
For the first time, developers can cherry-pick elements and get runnable code!
Generate reusable, clean code components from any design element with CSS variables, and responsive Flexbox layout. Anima’s code has no dependencies and can be exported into HTML/JS/CSS and React.js.
** CODE OVERRIDES **
Select any component to override Anima’s code and see your overrides rendered in real-time.
** CODE-BASED PROTOTYPES**
Go from design to realistic prototype faster using your design tools. Transform static screen designs to fully interactive code-based high-fidelity prototypes that act like the real deal (because they are).
** DESIGN TO DEVELOPMENT COLLABORATION **
Anima streamlines design and development collaboration by transforming the handoff into a continuous and integrated process.
Give Anima 4.0 a go, and as always, be sure to drop in any questions/feedback below so we can continue making Anima even better for you.
Hey! This looks awesome, congrats on the launch!
Few questions though:
— In your video, you show Vue.js logo, but on your website, you only mention React. Is Vue still WIP?
— You're marketing the product as "Transform Sketch/Figma/XD to React code.", but it seems a little odd to me that the possibility to actually export some code and view the components is only possible on the highest-tier plan. To be fair, I haven't used the free version yet, but here's just my journey: I wanted to because I would use the components build automation, but then I saw that to even access this feature I have to sign up for the highest plan. I guess I thought the cheapest plan would be with some limitation, but still give me the idea of what kind of code it processes. Turns out the free plan is just advanced prototyping.
Other than that, the product idea is very nice. I guess these are just my two cents freemium vs premium approach :-)
Best of luck!
@igorlanko Hi Igor! You can view React component without a paid plan. We will make sure to write that clearer in our pricing :)
I've been using Anima heavily for a few months to serve an interactive sales deck I built in Figma with embedded video content. Solid tool, that gives a set of features that Figma lacks!
I still to have problem with XD and div with absolute position...Is possibile to fix?
Integry