Anima App

Design to Code, Automated

4.5•20 reviews•

505 followers

Design to Code, Automated

4.5•20 reviews•

505 followers

•

•

Create High-Fidelity Prototypes in Sketch, XD, or Figma, and Export HTML

Company Info

animaapp.com GitHub

Anima App Info

Launched in 2016 View 15 launches

Forum

p/anima-app

Awards

View all

Similar Products

Artboard Studio

Unlock your creativity and elevate your marketing with Artboard Studio, new generation motion and graphic design tool

4.5(29 reviews)

Marketing automation platforms Graphic design tools

Locofy.ai

Build frontend 10x faster with design-to-code AI

4.9(155 reviews)

Automation tools AI Coding Assistants

Jitter

💫 Fast and simple motion design tool on the web.

4.9(82 reviews)

Interface design tools 3D & Animation

Expo

An open-source framework for making universal native apps

4.9(71 reviews)

UI frameworks Command line tools

Sketch

Everything you need to design, collab, prototype and handoff

4.6(52 reviews)

Interface design tools Graphic design tools

Anima App: Design to Code, Automated | Product Hunt

This is the 15th launch from Anima App. View more

AI Figma to Code by Anima

Let Anima code like you

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

Free Options

Launch tags:

Design Tools•Developer Tools•Artificial Intelligence

Launch Team

Michal Cohen

Anima App

Maker

📌

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 ❤️ 🙌

Report

1yr ago

Jonni Gani

Unofficial Product Hunt Chrome Plugin

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 😀

Report

1yr ago

Avishay Cohen

Anima App

Maker

Thanks @jgani, we're here to help you code faster 😄🙌 1. In terms of how to allow Anima code in your conventions - You could either give Anima a code sample or use plain text instructions (i.e. naming conventions, syntax or code structure instructions, open source libraries used, etc) 2. In terms of your IP - We're not training on either your code or your design, your IP is safe :)

Report

1yr ago

Jonni Gani

Unofficial Product Hunt Chrome Plugin

@avishic Thanks for explaining Avishay. All the best!

Report

1yr ago

Bishal Nandi

@jgani @avishic Absolutely thrilled to hear about your initiative to streamline coding processes. It's fantastic that Anima offers such flexibility in understanding user needs, whether through direct code samples or plain text instructions.

Report

1yr ago

Avishay Cohen

Anima App

Maker

@jgani @bishal_nandi2 Thanks for all the support! We'd love to get your feedbacks 🙌

Report

1yr ago