Client: Unroot.design Role: Framer Developer Deliverable: Figma-to-Framer conversion

Unroot.design partnered with me to bring their Avenna design system to life as a fully functional Framer template. The goal was to take a polished Figma design and transform it into a production-ready, interactive template - then prepare and publish it on the Framer Marketplace for a wider audience of designers and no-code builders to use.

Unroot.design had a strong, well-crafted Figma design for Avenna, but no-code builders and designers who wanted to use it needed something they could actually drop into a live site — fully responsive, interactive, and built to a marketplace-ready standard. That meant:

Faithfully translating every visual detail of the Figma design into Framer, without losing design fidelity

Adding motion and interactivity that felt native to the brand

Structuring the build so it would hold up to Framer Marketplace's quality bar and be easy for end users to customize

Figma-to-Framer Conversion Rebuilt the entire Avenna design in Framer from the ground up — layout, typography, spacing, and responsive breakpoints — ensuring the final template matched the original Figma design pixel-for-pixel across devices.

Scroll-Based Animations Implemented scroll-triggered animations throughout the template to give sections a sense of motion and hierarchy as users move down the page, reinforcing the brand's visual storytelling.

Hover Animations & Interactions Designed and built hover states and micro-interactions across buttons, cards, and navigation elements to make the template feel polished and responsive to user input.

Custom Components Developed custom, reusable Framer components tailored to Avenna's design system - making the template easier to maintain, extend, and customize for future users of the template.

Marketplace Preparation & Listing Helped prepare and list Avenna on the Framer Marketplace, ensuring the template met Framer's submission standards and was positioned clearly for potential buyers.

Avenna launched as a complete, marketplace-ready Framer template - combining Unroot.design's original design vision with the animations, interactivity, and technical structure needed for a professional no-code product. The result gives Unroot.design a scalable asset on the Framer Marketplace and gives end users a template that's both visually refined and easy to work with.