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

Share

1yr ago