Anima unveils first AI code personalisation for developers

This feature empowers developers to automatically customise the code they produce so it resembles their coding style, significantly saving editing time. Anima’s code personalisation is now available in the Anima Figma Plugin and in Figma’s Dev Mode.

In June 2023, Anima co-launched Figma’s Dev Mode, a new interface for developers in Figma with dedicated design-to-code features enabling easy navigation, design inspection and tracking of changes made to the design. Anima’s AI Personalisation is another step towards its goal of offering the full life cycle of end-to-end development of digital experiences like web apps and websites.

According to McKinsey, generative AI is set to create the highest economic impact on code automation, speeding up developer work to increase productivity by 20% to 45% of current annual spend on the function, equating to the potential saving of $900B per year across corporate IT and product. However, for front-end and UX design, pure LLMs cannot convert designs to code (LLMs are Text to Text) and pure multimodals such as GPT-4V and Bard (Gemini) lack fidelity, so code can be created from visual specs, but it doesn’t look the same. In addition, genAI code is often broken or unrunnable as-is. Combining Anima’s pixel-perfect, high-end code with the capabilities of LLMs results in high-end personalised code that is tested, healed, and low on errors.

“Anima already produces a pixel-perfect code that runs out of the box, right out of Figma,” says Avishay Cohen, CEO of Anima. “Now, this code generation gets the superpowers of genAI, so developers can turn any Figma into pixel-perfect runnable code that mimics the way they write code, and they can make things work automatically. By further automating design system management, products and features can be created faster and with greater consistency.”

Key features

• Personalisation allows free text instructions, code samples, or pre-made presets.
• Solves the need to serve relevant code according to team’s conventions:
• Accessibility features, SEO optimisations, naming conventions, etc.
• Embraces the power of GenAI to take another step with code automation:
• Automatically adds responsive behavior, animations, logic, states, etc.
• Customised instructions may be applied to an entire project or even a specific component.

Future Anima product updates in 2024 include personalisation presets for common usage; automation for users logging in with GitHub where Anima simply understands their coding conventions; AI Chat on Anima’s new online code playground, and integrating with legacy/existing code-base.