Anima
@AnimaApp
Followers
8,206
Following
267
Media
521
Statuses
2,352
AI-powered design-to-code platform
New York/Tel Aviv
Joined July 2016
Don't wanna be here?
Send us removal request.
One-minute demo of
@figma
to
@reactjs
Same applies to
#HTML
,
@vuejs
, with
@typescript
,
@JavaScript
, CSS,
#styledcomponents
or
@tailwindcss
🚀
🔌:
7
25
280
28 seconds to understand why we’re so excited about our
@storybookjs
to
@Figma
integration 🙌
Thank you
@crchao
👏
3
25
182
8
6
90
Introducing Scooby: an
#opensource
regression and fidelity testing framework 🧵
by
@terzi_federico
#regressiontesting
#visualfidelitytesting
4
13
162
Can
@AnimaApp
turn my
@figma
into
@typescript
@reactjs
code? Yes it can. Our whole new code-generation engine is now available. Give it a spin ⚡ >>
9
16
156
Introducing Auto Layout for Sketch: 🎉🎉
1
26
83
Anima's GenAI is OUT!
CodeGen + GenAI = more frameworks, faster development, and maintaining high-performance code.
Full article:
9
14
79
Have you noticed that
#Breakpoints
are now available in
@figma
#DevMode
?!
#figmatocode
#figmatopersonalizedcode
#figmatoresponsiveHTML
@FigmaDev
2
12
72
2
8
71
Anima converted
@supabase
's Social Auth component into a native Figma component, with over 400 variants.
In one click!🤯
@storybookjs
@figma
4
12
49
Hey founders, designers, and developers! 👋
You can now build your application in Figma using open source React.js components! 🥳
Check out this dashboard—built 100% in Figma with Anima—using Ant Design & Recharts components😎👇
2
7
49
Hey developers! 👋
@ania_kubow
uncovers Anima in this 3 part developer guide for beginners. Check it out, enjoy!
2
5
49
🍭Sweet code Alert! More Codegen improvements are coming (very) soon:
Conditional styling, Interactive components, Breakpoints
Stay tuned!
@figma
to
@reactjs
#designtocode
Read about Codegen 2.0:
0
1
42
❗Exciting news❗
@tailwindcss
joined Anima's code gen family! You can try it now in
@figma
's
#devmode
#tailwind
#designtocode
#figmatocode
👉:
2
9
38
1
6
40
Beta alert!
@figma
to
@reactjs
, now in VSCode!
Try it here🪄
#designtocode
#frontend
#figmatoreact
@code
4
6
37
You can now import your
@storybookjs
component into
@figma
thus creating a Single Source of Truth 🥳
Get started:
0
5
33
🧵 Anima now converts
@figma
variables into code.
But what are they?
They allow designers to store values like colors, padding, visibility, and more. These values can be reused across designs, published to team libraries, and updated across files to maintain consistency.
2
1
31
Padding for Nested Symbols 😱 YES 😍
4
7
30
We’re excited to be an official sponsor of
@Figma
’s annual design conference,
#Config2023
.
Register to join us on June 21 & 22 live in San Francisco or virtually from around the world. See you there!
1
3
30
5
6
28
We have completely rewritten Anima’s code-generation engine. It is a game-changer for front-end developers around the globe.
Coming soon, stay tuned!🤘
2
3
29
Sketch To Code preview 😜😜:
1
11
27
We are super excited to announce that Anima has completed a $2.5M seed investment round led by Hetz Ventures. The investment will help us continue our mission of helping product teams ship quality products faster.
Read on
@businessinsider
&
@tech_eu
🔗
4
3
26
Calling all developers in the house! 🙌 Uncover Anima's advance features, code quality and more, with
@ania_kubow
's 4 part advanced series - it's not one to miss!
1
3
25
We used
@Figma
+
@AnimaApp
and automatically generated the code for a
@antdesignui
date picker. Developers get the actual production-ready React code 🤯
Github:
0
8
23
How to sync your
@storybookjs
to
@figma
- recap of
@nikolalsvk
's article
1. Download Anima's plugin, create your account
>>full article:
3
8
21
How to publish a website using your design tool?
Join this live session with the fantastic
@brand0ngr0ce
, where he'll build a website with
#adobexd
using Anima App. Don't miss out!
0
2
19
You asked & we listened. If we’ve been a little quiet lately, it’s for a good cause– something new is coming that will rock your world. Designers and developers – get ready…
#Anima4iscoming
Get early access today:
#uxdesign
#frontenddev
#reactjs
1
6
20
Launchpad - Publish websites directly from Sketch 👊
0
8
19
Hey Creatives 👋, we are working on fixing Padding for Sketch 58.
In the meantime, we recommend to stay in Sketch 57 until it gets resolved.
Thank you for your patience 🙏
9
0
18
How to Export Sketch to CSS Animations Code
"But until now we were limited in the ways we can hand off animations to developers. Common practices are creating GIFs or waving our hands to explain how an animation should look."
1
4
19
Coolness alert: 🔄Anima now converts
@figma
Styles into reusable CSS variables!
On top of already providing:
✅Clean React (TS or JS)
✅React components based on Figma variants and props
✅Responsive CSS flexbox based on Figma Auto Layout
0
5
18
2
2
15
Everything you need to know about the Sketch 43 file format - Myth-busting 4 myths about Sketch 43
0
11
16
1
2
15
Designers can now create real
@AntDesignUI
menus inside
@Figma
, and go live to browser - no developer needed 🤯
0
6
15
How to delight your users in two simple steps:
1. Create a "Rate our app" popup in Figma in a few clicks ⭐️
2. Be sure NOT to present it when users are in the middle of a job 😉
Read more here -
@AntDesignUI
0
2
15
This automatically-generated Figma component is responsive with Figma’s native Auto layout. It was (automatically!) generated from
@storybookjs
using Anima’s newest feature 🥳
Interested? Join our beta!
1
9
12
Design in Figma with live React components from
@MUI
,
@Bootstrap
and
@Antdesign
& export production-ready code for your entire UI in a single click (we know 🤯)
@figma
1
7
12
We've made it super easy to A/B Test your landing pages using our new Automated A/B Testing feature. 👊👊👊
1
6
13
Wow! Over 30k new
@AnimaApp
users since
@Figma
launched Dev Mode at
#Config2023
!🤯 What are your first impressions of Anima's Dev Mode integration?
#DevMode
#CodeGen
#FigmaToReact
#DesignToCode
0
5
12
So how do *you* keep your design library up-to-date with your code components?
We have 5 words for you: Anima +
@storybookjs
integration for
@figma
.
Join the beta!
0
3
13
We heard you loud and clear ❤️
Android and Web screen sizes are here
0
1
12
If you did not see how easy it is to get
@reactjs
code from
@figma
, (and for free) check this out!
Oh! and
@typescript
as a bonus🎁
#designtocode
#react
#figmatoreact
#typescript
0
2
12
Switching design tools? Anima migrates your code components into
@figma
25x faster—including variants and Auto Layout—without a dedicated team 🤯
@github
@storybookjs
@reactjs
#DesignOps
#DesignSystems
2
2
11