Setting up the basis for great collaboration.

When I joined, Formli’s design system covered the basics but wasn’t built to scale or support developer handoff. Since the team relied heavily on MUI, I quickly built a matching Figma library and updated existing designs with real components and styles, helping surface inconsistencies and improve overall UI cohesion.

I also used this onboarding phase to clean up project organization by introducing a simple thumbnail system and clearer naming conventions, making it easier for the team to navigate files and collaborate more efficiently.

Designing new capabilities while preserving a lightweight, scalable product.

Form customization

Users wanted forms that could visually adapt to their brand and blend seamlessly into any website or product. To support this without impacting legacy layouts, I introduced a contextual floating customization bar. Inspired by tools like Notion, it appears only when relevant and adapts dynamically to the selected element.

This approach kept the interface lightweight, avoided complex configuration screens, and allowed us to progressively add flexibility. It also set a strong foundation for a future drag-and-drop form editor without requiring a full redesign upfront.

Teams and workspaces

As a tool that aimed to be used by businesses and teams, Formli couldn't stay a single-user tool. As a first step toward live collaboration, we spent a couple of weeks working on implementing workspaces and a simple sharing system .

I explored a couple of different versions but a lot of them didn’t feel right with the current layout of the app. I pushed for the implementation of a sidebar that would both simplify navigation between forms and the different spaces of the app while making this new team feature more prominent.

Email builder

Emails and automations were central to Formli's value proposition, enabling users to engage with their audience at scale. However, the existing solution—a bare-bones HTML editor—created significant friction. While technically proficient users could manage, most struggled to maintain visual consistency across communications, leading to fragmented brand experiences and increased support requests.

The solution: a template-based system with workspace-level sharing, allowing teams to maintain unified communications without technical knowledge.

Leveraging the Unlayer email editor, I designed an intuitive drag-and-drop experience complemented by a library of pre-built, Formli-branded starter templates. This approach not only lowered the barrier to entry for non-technical users but also reinforced Formli's brand presence in every customer touchpoint—turning a functional feature into a strategic brand asset.