Anima Blog
Reading Time: < 1 minute

Introducing Sass

Introducing Sass

Product updates
Reading Time: 2 minutes Sass users, you can now translate designs into Sass code using Anima
The 6 levels of front-end development automation

The 6 levels of front-end development automation

Industry
Reading Time: 4 minutes What it means to us at Anima when we say automatically generated code
Anima introduces support of component variants

Anima introduces support of component variants

Product updates
Reading Time: 4 minutes Anima is now the first design-to-code tool that produces clean component-variants code from design
Why designer-developer handoff doesn’t work

Why designer-developer handoff doesn’t work

Industry
Reading Time: 4 minutes And how to get designers & developers to speak the same language (hint: use code)
How to export Adobe XD to React code

How to export Adobe XD to React code

Design to code
Reading Time: 3 minutes Get workable React code from your Adobe XD designs
The platforms every designer needs to know to stay inspired

The platforms every designer needs to know to stay inspired

Industry
Reading Time: 5 minutes Inspiration comes and goes, use this list to stay on top of what's hot
New feature announcement: Styleguide’s Find Usages

New feature announcement: Styleguide’s Find Usages

Product updates
Reading Time: 2 minutes Navigating Styleguides just got a lot easier: discover where the Styleguide code is used with one click
What is Product led growth?

What is Product led growth?

Industry
Reading Time: 7 minutes Why focusing on the end user in organizations is the future of B2B
5 design influencers you need to know

5 design influencers you need to know

Industry
Reading Time: 3 minutes The influencers every designer needs on their feed
Anima’s prototypes just got x10 faster

Anima’s prototypes just got x10 faster

Product updates
Reading Time: < 1 minute When sharing prototypes with your team, you can be sure that everyone will enjoy the benefit from pages loading instantly
How to convert design to Vue.js code

How to convert design to Vue.js code

Design to code
Reading Time: 4 minutes Easily convert Figma, Adobe XD & Sketch designs into component-based Vue.js code with Anima
How this UX designer turned static mockups into live prototypes

How this UX designer turned static mockups into live prototypes

Case studies
Reading Time: 3 minutes "I was having a hard time presenting static mock-ups to my stakeholders, that’s when I started to use Anima, it allows me to express what I intend to in my design”
5 essential Chrome extensions for developers

5 essential Chrome extensions for developers

Industry
Reading Time: 3 minutes These Chrome extensions will save you time and improve productivity
Announcing Automatic Component Detection

Announcing Automatic Component Detection

Product updates
Reading Time: 3 minutes Following the DRY Principle in automatic code generation
How to Export Figma to React

How to Export Figma to React

Design to code
Reading Time: 2 minutes Get component based React code from your Figma design
Announcing: Vue.js beta release

Announcing: Vue.js beta release

Product updates
Reading Time: 3 minutes You can now translate designs from Sketch, Adobe XD, and Figma into Vue.js
How Anima helped a design student land her dream internship

How Anima helped a design student land her dream internship

Case studies
Reading Time: 3 minutes “Anima’s features helped me design high-fidelity prototypes, saved me a ton of time and let me create a real portfolio that I am proud of”.
How to convert Figma to styled-components

How to convert Figma to styled-components

Code
Reading Time: 2 minutes Anima now supports React most popular framework for using CSS-in-JS
From 6 months to 2 weeks: How this developer expedited a website using Anima

From 6 months to 2 weeks: How this developer expedited a website using Anima

Case studies
Reading Time: 3 minutes “Using Anima, I started building mid-March and released April 1st. It took 2 weeks, it was quite unbelievable”.
Announcing Smart Styleguide

Announcing Smart Styleguide

Product updates
Reading Time: 3 minutes Helping developers easily recognize the building blocks of designs, automatically generating them to CSS
“The transition from designer to developer should be automatic”

“The transition from designer to developer should be automatic”

Inside Anima
Reading Time: 6 minutes Originally published on Portfolio Magazine | by Yuval Sa’ar
How CrowdVision used Anima to deliver in record time

How CrowdVision used Anima to deliver in record time

Case studies
Reading Time: 3 minutes "We were in a position where we had to build products really quickly - Anima was an essential tool for us”
Introducing: Mobile Preview in Sketch

Introducing: Mobile Preview in Sketch

Product updates
Reading Time: 2 minutes Scan a QR code and preview your designs on a mobile device to see how they look and feel on an actual device
Will no-code replace developers?

Will no-code replace developers?

Industry
Reading Time: 3 minutes Should developers be worried about no-code stealing their jobs?
What’s the difference between no-code & low-code?

What’s the difference between no-code & low-code?

Industry
Reading Time: 3 minutes Differentiating between the two approaches
Anima’s top 5 collaborative features

Anima’s top 5 collaborative features

Design to code
Reading Time: 3 minutes Paving the way for a more integrated, handoff process
Introducing Auto-Flexbox

Introducing Auto-Flexbox

Design to code
Reading Time: 3 minutes Export Design to HTML with Flexbox Layout, automatically.
Introducing: Anima Chrome extension for Figma

Introducing: Anima Chrome extension for Figma

Product updates
Reading Time: 2 minutes Save valuable time. Get React code directly from Figma in just one click.
How to export Sketch to React

How to export Sketch to React

Design to code
Reading Time: 3 minutes Translate Sketch designs into developer-friendly React code
Import a Sketch design file to Anima

Import a Sketch design file to Anima

Code
Reading Time: 3 minutes Developers, now you can quickly import Sketch designs directly to Anima and get code instantly — without ever installing Sketch
Experience React from Anima in CodeSandbox

Experience React from Anima in CodeSandbox

Code
Reading Time: 2 minutes Access React code in CodeSandbox and navigate better
How to Export Figma to HTML

How to Export Figma to HTML

Design to code
Reading Time: 3 minutes Get developer-friendly HTML code from your Figma design
Introducing: Instant Preview in Figma

Introducing: Instant Preview in Figma

Product updates
Reading Time: 2 minutes Anima for Figma is now 10x faster!
How to export Sketch to HTML

How to export Sketch to HTML

Design to code
Reading Time: 3 minutes Automatically generate HTML from a Sketch design
The 5 best collaboration tools for product teams

The 5 best collaboration tools for product teams

Industry
Reading Time: 3 minutes How we stay connected as a team that works remotely
Anima — Design to code 2021 new features

Anima — Design to code 2021 new features

Product updates
Reading Time: 3 minutes Download React components; group layers; convert to image, and code quality improvements
Turn your Figma designs into responsive prototypes

Turn your Figma designs into responsive prototypes

Design
Reading Time: 3 minutes A step-by-step guide on how to create responsive prototypes with Figma and Anima
5 reasons why you should use Anima with Figma

5 reasons why you should use Anima with Figma

Design
Reading Time: 4 minutes Breaking down how Anima gives the extra oomph to blow your colleagues' minds
How to convert design to React code

How to convert design to React code

Design to code
Reading Time: 3 minutes Turn Sketch, Figma, or Adobe XD into developer-friendly React.js code with Anima
Solving the ‘production-ready’ code dilemma

Solving the ‘production-ready’ code dilemma

Industry
Reading Time: 4 minutes Why production-ready code is outdated and how developer-friendly code is the future
Introducing the 1st design-to-development platform

Introducing the 1st design-to-development platform

Inside Anima
Reading Time: 3 minutes Anima 4.0 is here - high-fidelity prototypes, developer-friendly code and continuous team collaboration.
Rethinking the design-to-development process

Rethinking the design-to-development process

Industry
Reading Time: 2 minutes Creating a fully integrated continuous design-to-development platform, allowing designs to flow into code, and vice-versa.
Anima raises $2.5M in seed round

Anima raises $2.5M in seed round

Inside Anima
Reading Time: 3 minutes Setting our focus on continuous design-to-development and developer-friendly code.
How to Export Adobe XD to HTML

How to Export Adobe XD to HTML

Design to code
Reading Time: 4 minutes Automatically Generate HTML from an Adobe XD Design
How to create a high-fidelity prototype and export HTML with Figma

How to create a high-fidelity prototype and export HTML with Figma

Design
Reading Time: 4 minutes Design realistic prototypes faster, with Anima for Figma
Anima Brings Auto-Animate to Sketch!

Anima Brings Auto-Animate to Sketch!

Design
Reading Time: 3 minutes Create Automatic Transitions Between Sketch Artboards.
Create Responsive  Adobe XD  Prototypes Using Anima

Create Responsive Adobe XD Prototypes Using Anima

Design
Reading Time: 3 minutes Control how your designs look across different screen sizes
Announcing Anima for Adobe XD

Announcing Anima for Adobe XD

Design
Reading Time: < 1 minute Export Adobe XD to HTML in a single click
Introducing Anima Fast Preview

Introducing Anima Fast Preview

Product updates
Reading Time: < 1 minute x20 Faster High-Fidelity Prototype Previews Inside Sketch
How to Create a Carousel or Photo Gallery in Sketch

How to Create a Carousel or Photo Gallery in Sketch

Design
Reading Time: 3 minutes Add an Interactive Photo Gallery to Your Designs!
How to add background videos to your prototype

How to add background videos to your prototype

Design
Reading Time: 2 minutes Prototyping with Anima Tip #5 out of 5
How to create overlays in your Sketch prototypes

How to create overlays in your Sketch prototypes

Design
Reading Time: 2 minutes Prototyping with Anima Tip #4 out of 5
How to add external URL links to your prototype

How to add external URL links to your prototype

Design
Reading Time: 2 minutes Prototyping with Anima Tip #3 out of 5
How to add breakpoints to your Sketch prototype

How to add breakpoints to your Sketch prototype

Design
Reading Time: 2 minutes Prototyping with Anima Tip #2 out of 5
How to create interactions in Sketch prototypes

How to create interactions in Sketch prototypes

Design
Reading Time: 3 minutes Prototyping with Anima Tip #1 out of 5
The Top 4 Pain Points UX/UI Designers Are Facing

The Top 4 Pain Points UX/UI Designers Are Facing

Industry
Reading Time: 3 minutes Insights from Anima’s 2019 survey
Announcing Anima 4

Announcing Anima 4

Product updates
Reading Time: 3 minutes Sketch to React and Developer-friendly Code
How to create a radio button in Sketch with Anima

How to create a radio button in Sketch with Anima

Design
Reading Time: 3 minutes Bring Life into Prototypes with Interactive Forms
How to create a Spotify-inspired prototype

How to create a Spotify-inspired prototype

Design
Reading Time: 3 minutes Learn to create a High-Fidelity Prototype using Sketch and Anima
How to export Sketch to CSS animations code

How to export Sketch to CSS animations code

Design
Reading Time: 3 minutes Or how to communicate animations without waving your hands
Using Sketch to design animations

Using Sketch to design animations

Design
Reading Time: 3 minutes Animations in Sketch with Anima — the basics
How to create a responsive landing page with Sketch

How to create a responsive landing page with Sketch

Design
Reading Time: 4 minutes Anima Toolkit 101
Announcing Anima for Figma

Announcing Anima for Figma

Product updates
Reading Time: 2 minutes Export Figma to HTML in a single click