Start new thread

Design System Automation by Anima - Bring your code into Figma

Avishay Cohen

Anima App

•

2yr ago

Anima turns your code components in Storybook into a Figma library! And, keeps them continuously synced. Code props become Figma variants, CSS turns to AutoLayout, design tokens to Figma styles. Join us for the live launch event today! https://bit.ly/animadsa

Replies

Best

Avishay Cohen

Anima App

Maker

📌

Hi Hunters 👋 We are excited to announce the launch of Design System Automation! Our goal is to help product teams - designers and front-end developers - build, maintain, and scale design systems more efficiently by automating their biggest manual bottlenecks. With this new release, Anima now brings your code into Figma. Having a single source of truth based on your code, R&D teams can run faster, build robust and coherent products, and focus on creativity. Here’s how it works: 1. Turn your Storybook into a Figma library with Anima: - Continuous updates - Anima’s CLI will push updates from code to Figma. - Figma variants - Anima will map all code states into native Figma variants. - Auto Layout - Anima creates auto-layout based on your CSS, automatically. - Styles - Anima translates your design tokens into Figma styles. 2. Build faster with Anima’s code snippets: - Code snippets in Figma - Anima adds references to code components based on variants. - Onboard developers faster - An exact representation of the code in Figma means more reuse and less time looking for what functionality exists in the code. - Design system adoption - A highly maintained design-system and easy implementation will drive adoption. A lot is happening here at Anima, and we’re excited to be at the forefront of product design and front-end development evolution. This huge release is the first step towards a two-way sync between design and code, and a huge leap forward. Join us for the live launch event today! https://bit.ly/animadsa