Introducing: Anima Chrome extension for Figma - Anima Blog
Product updates

Introducing: Anima Chrome extension for Figma1 min read

Reading Time: 2 minutes Save valuable time. Get React code directly from Figma in just one click.

Introducing_ Anima Chrome extension for Figma

Introducing: Anima Chrome extension for Figma1 min read

Reading Time: 2 minutes

Overview ☝️

Anima is a design to development platform for designers and developers to iterate quickly and translate designs into developer-friendly code. For the first time, you can get code for your Figma design, and you can do it from right inside your browser. Just take a moment to process that.

Developers: get code from Figma 💻

As developers, we understand the value of clean, reusable code. The new Chrome extension for Figma allows you to simply select a design element, click “Get Code” and instantly get HTML, CSS, and React code. #mindblown

3 reason to use the Chrome extension 🔥

  1. Save time — stop translating UI from scratch. Get clean code for the design and go from there.
  2. Developer-friendly code — Anima’s code has been developed for developers (by developers 😉), and we know we’re a tough crowd to please. You get code that you’ll actually want to use.
  3. Ease — everything is in your Figma browser, so you can easily work in one place.
Anima Chrome Extension for Figma

Anima Chrome Extension

Get code from Figma in 3 steps:

Step 1 — Install the extension.

Step 2 — Open your Figma project link in Chrome.

Step 3 — ‘Hello’ code! It’s all there, right in your Figma browser view.

You can get code by clicking on the chrome extension icon:

Or by clicking on the “Get Code” button on the inspect panel:

Get code from your Figma browser

Click on the inspect panel to get component-based code

Ready to be a part of the Anima community?

Get started now:

Join the discussion on FacebookTwitterSlackInstagram.
Stay creative!
❤️ Anima team

|

Customer Success Manager

Experienced designer from beautiful San Francisco. Lives and breaths all things technology, design, world travel, and four-legged creatures.

Leave a comment

Your email address will not be published.