A GenAI engine within Anima that allows users (developers) to automatically customize the code they produce so it resembles the way they code in terms of conventions. Anima for Figma: https://link.animaapp.com/3SlLmn2
Hi Hunters!
Today, we’re thrilled to launch our GenAI code personalization✨ A whole new level of design to code workflow!
Anima has over 900k installs on Figma, and during 2023 we generated over 750k code packages - The equivalent of over 1000 years of human coding!
But we can do a better job in making that code fit your style - If you ask 1000 developers, you’ll get 1000 different sets of tech stacks, coding styles, and conventions. One constant feedback we get about Anima’s generated code is that it doesn’t look the same as if they had written it themselves.
How does Anima AI Personalization work?
As always, design starts in Figma.
Then it is pretty straightforward.
Open Anima’s plugin in “Dev Mode” or “Edit Mode” (In Edit mode go to Inspect)
1. Select any Screen, Frame, Component, or Layer.
2. Anima will show you React or HTML code right away.
3. Toggle on AI code personalization, you’ll see 3 options to customize your code:
- Custom instructions – Simply instruct Anima with free text. i.e. “Add SEO meta tags”, or “Use arrow functions”, or
“Add comments”
- Presets – Some requests are common, and you can easily pick one from the menu.
i.e. “Add animations”, “Make it work”, etc.
- Code samples – Sometimes, a sample is easier.
I.e. if you wrap every component in a special way, let Anima learn from your code.
4. After saving, you could run your code online by clicking “Open”, or get it by clicking “Download”.
We value feedback and would love to hear about your experience ❤️ 🙌
Oh wow this is really good especially to format code bases to be all the same. Great product! 🎉
Before, I was a user of Anima when using Sketch, until they stopped supporting Sketch. However, I'm still very much looking forward to this wave of AI tools.
As a developer, what do I have to do in order to get Anima to generate code that follows my convention? Is uploading a single snippet of code enough?
Also, for users who are concerned about intellectual property - how does it ensure that our code stays private?
Congratulations on the launch, Anima team 🚀 The more machines can help us code, the better 😀
About AI Figma to Code by Anima on Product Hunt
“Let Anima code like you”
AI Figma to Code by Anima launched on Product Hunt on January 30th, 2024 and earned 410 upvotes and 13 comments, placing #14 on the daily leaderboard. A GenAI engine within Anima that allows users (developers) to automatically customize the code they produce so it resembles the way they code in terms of conventions. Anima for Figma: https://link.animaapp.com/3SlLmn2
AI Figma to Code by Anima was featured in Design Tools (259.6k followers), Developer Tools (511.1k followers) and Artificial Intelligence (466.3k followers) on Product Hunt. Together, these topics include over 188.4k products, making this a competitive space to launch in.
Who hunted AI Figma to Code by Anima?
AI Figma to Code by Anima was hunted by Myriam Cohen. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Reviews
AI Figma to Code by Anima has received 11 reviews on Product Hunt with an average rating of 4.00/5. Read all reviews on Product Hunt.
Want to see how AI Figma to Code by Anima stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Myriam Cohen