Senior Flutter Engineer · Design Systems

I build digital products where design and engineering meet.

I’m a Flutter developer focused on building products and Design Systems that are easy to maintain, reuse and evolve. I enjoy working closely with designers to turn Figma designs into accessible components and real product experiences.

Barcelona, Spain Flutter · Dart · Design Systems Mobile · Web · Desktop

Selected work

01 LiveWell by Zurich Design System · Flutter · Product Development ↘ 02 Zurich Global Ventures Multi-app ecosystem · Design Systems ↘ 03 Koa Health Digital health · Flutter · Cross-product DS ↘ 04 Natural Machines Foodini · Flutter · React · Embedded UI ↘

Specialist area

Design Systems

A recurring focus throughout my work has been turning design decisions into scalable, reusable frontend systems. I have led frontend Design System development, built Flutter component libraries and reference applications, and worked closely with designers in Figma to keep design and code aligned.

Design + code as one system

I work closely with designers from the component definition stage, translating Figma specifications into reusable Flutter APIs. Naming, component structure and tokens are intentionally aligned across Figma and code so designers and developers share the same language.

Reusable Flutter libraries

I have led frontend development of Design System libraries covering foundations, themes and reusable components across multiple applications. I focus on composition, predictable behaviour and APIs that are clear for product developers to understand and use correctly.

Reference app + documentation

The library is supported by a reference application where teams can explore components, variants and states in one place. I document components and APIs carefully so the system is useful beyond the team that originally built it.

Quality built into the system

I implemented golden testing around component demos to automatically detect visual regressions. Accessibility, interaction states, dark mode and cross-platform behaviour are treated as part of the component contract rather than product-by-product fixes.

How I work

From Figma specification to tested component.

Design tokens bridge visual decisions and implementation, including colour, typography, spacing, sizing and radius. Components are then built once, documented, demonstrated in the reference app and protected with automated visual tests before adoption in products.

Figma→Tokens→Flutter API→Reference app→Golden tests

LiveWell design system component overview — Reusable components as the building blocks of the product.

LiveWell design tokens presentation — Tokens connect visual decisions to scalable code.

Light and dark mode screens side by side — Dark mode designed into the system from the start.

One source of truth

Shared foundations and components reduce duplicated UI decisions and keep experiences consistent across products.

Faster product work

Teams can focus on feature-specific problems instead of repeatedly rebuilding and styling common UI.

Safer change

Centralised tokens, components and tests make system-wide changes easier to propagate and visual regressions easier to catch.

Case study 01

LiveWell by Zurich

Building a Design System from the ground up while contributing to a large health and wellbeing product.

RoleSenior Flutter Developer

FocusDesign System, product development

TechnologyFlutter, Dart, Riverpod

PlatformAndroid, iOS & web

LiveWell visual identity shown across two phone mockups

Creating a shared foundation

I built and evolved the LiveWell Design System from the ground up, working closely with design and product teams to establish a consistent visual and technical foundation. The work combined system thinking with hands-on product development, so the Design System had to work in real product flows rather than as an isolated component library.

From foundations to product adoption

Foundations

Defined color, typography, spacing, sizing, radius, icons and dark mode as reusable foundations.

Components

Built reusable Flutter components and tokens with well-structured APIs, clear conventions and maintainability in mind.

Accessibility

Incorporated accessibility into components and design standards instead of treating it as a later layer.

Adoption

Worked with product teams to replace legacy components and gradually move the app towards the new system.

Product work

Contributed directly to features while solving UX issues, technical debt and cross-squad implementation challenges.

Design System

Built to work in the real product.

Foundations, reusable components and patterns created a shared language between design and engineering, while supporting accessibility, theming and cross-platform consistency.

LiveWell app screens showing the product before and after the Design System work

Product development

Hands-on feature development

Design System work alongside real product development.

Alongside the Design System, I worked directly on product features and user flows, including health and activity tracking and social sharing. Working on both the system and the product helped ensure that reusable components were shaped by real implementation needs.

I worked extensively with collecting and presenting health data from Apple Health, Google Fit and connected devices, turning complex datasets into intuitive and meaningful user experiences.

Outcome

A more consistent, accessible and scalable product experience.

The Design System made it easier for teams to build and maintain new features while moving the product toward higher reuse and consistency.

Increased reuse reduced development time by around 30%.
Closer alignment between Figma and implementation reduced repetitive design cleanup and improved designer satisfaction.
Shared foundations created a more consistent and professional product experience.
Replacing hundreds of custom UI elements with reusable components significantly reduced duplication and codebase size.

Product delivery

Built and improved health and wellbeing features, including activity-focused experiences and real user flows.

UX quality

Fixed visual and interaction inconsistencies and helped bring the implemented product closer to the intended Figma experience.

Technical quality

Replaced legacy UI, reduced duplicated code and improved maintainability while continuing to deliver product features.

Design collaboration

Worked closely with designers so product needs, component behaviour and implementation details informed each other.

Case study 02

Zurich Global Ventures

Taking the Design System one step further, from a single product to a multi-app ecosystem.

RoleSenior Flutter Developer

FocusShared product infrastructure

TechnologyFlutter, Dart

Core ideaOne system, multiple apps

From product to ecosystem

After LiveWell, I worked on the next step of the Design System approach within Zurich Global Ventures. The goal was to create a shared foundation that could be reused across multiple apps while still allowing each product to maintain its own identity.

The challenge shifted from creating consistency within one product to exploring how a Design System could support multiple products, teams and visual identities without losing the benefits of reuse.

ZGV Design System component library and visual foundations — A shared Design System foundation connecting visual rules, components and implementation.

Share what should be shared

Core building blocks and conventions reduce repeated effort across teams.

Keep products flexible

A shared system should enable product identity, not flatten every experience into the same UI.

Build for maintenance

Improvements to shared foundations can benefit multiple apps instead of being solved repeatedly.

Case study 03

Koa Health

A Design System used across several digital health products.

RoleFlutter Developer · Design System

ProductsFoundations, Mindset, Habits

TechnologyFlutter, Dart, Provider, Riverpod

ContextDigital mental health

One system, different products

At Koa Health, I worked with a Design System supporting a growing portfolio of digital health products, each with different audiences, purposes and clinical contexts.

The challenge was not simply creating consistency within one product. It was building a flexible and accessible foundation that could scale across multiple products while maintaining a coherent Koa Health experience.

I also built a research-focused application from scratch, designed to support digital health research and explore user behaviours and interventions, including smartphone sensor data used in machine learning projects.

Foundations

Mental health support

A digital mental health product helping organisations support employees through evidence-based activities focused on stress, sleep, relaxation, positive thinking and self-confidence.

Koa Foundations recommended programmes screen

Mindset

Prescription digital therapeutic

A clinically focused digital therapeutic that could be prescribed or recommended by psychologists, combining digital experiences with clinically backed interventions.

Habits

Research app

A research-focused application designed to support digital health research and explore user behaviours and interventions, including smartphone sensor data used in machine learning projects.

Accessibility

Make experiences usable and inclusive for people with different needs and abilities.

Consistency

Create a recognisable experience across products without blocking product-specific needs.

Flexibility

Support different product needs and user journeys.

Scalability

Allow new products and features to build on the same reliable foundation.

Case study 04

Natural Machines

Designing and building the user experience for Foodini, a 3D food printer with its interface running directly on an integrated Android tablet.

RoleJavaScript / Flutter Developer

ProductFoodini 3D food printer

TechnologyReact, JavaScript, Flutter, Dart, Provider

PlatformIntegrated Android tablet

Foodini 3D food printer in a kitchen environment

A very different kind of product interface

Foodini is a 3D food printer, which meant designing for an experience very different from a conventional mobile or desktop application. The interface had to make an unfamiliar physical process feel understandable and approachable on the machine's integrated touchscreen.

I worked initially with React and JavaScript, then helped build the next generation UI in Flutter as the product moved to a new cross-platform codebase.

Foodini printer with integrated touchscreen — The UI runs directly on Foodini's integrated Android tablet.

Foodini fillings interface on the integrated tablet — Foodini UI designed for the integrated Android tablet.

Physical + digital

The UI was part of a real appliance, connecting software interactions with a physical printing process.

Make the unfamiliar clear

The experience needed to guide users through a new way of preparing food without making the technology feel complicated.

React to Flutter

The product gave me early hands-on experience moving an existing interface from React and JavaScript to Flutter.

About

Flutter developer with a strong Design Systems focus.

Flutter has been my main technology for the past six years. My specialty sits at the intersection of design and engineering, translating design decisions into maintainable code through reusable component APIs, clear documentation and close collaboration with designers.

I care deeply about maintainability and quality. My experience includes application architecture, Riverpod, CI workflows, automated testing including golden tests, release processes and hands-on product development across mobile and web applications.

I am based in Barcelona and experienced in remote, distributed and async-friendly environments.

Experience snapshot

2023 - PresentSenior Flutter DeveloperLiveWell by Zurich

2020 - 2023Flutter DeveloperKoa Health

2020Flutter DeveloperTelefonica Alpha

2019 - 2020JavaScript / Flutter DeveloperNatural Machines

EarlierFull-stack development, founder, designSpain and Sweden

Recommendations

What colleagues say:

“

She combines deep Flutter knowledge with a mindset for team efficiency. She is also very easy to communicate with and can integrate smoothly in any group of people.

“

Her work has significantly reduced build time for the team while improving consistency and reliability across the product.

“

Her ability to communicate and explain complex problems (and their solutions) demonstrates her intelligence and expertise.

View recommendations on LinkedIn ↗

Earlier work & foundations

More project visuals

A small selection from earlier work that shaped my mix of engineering, design and product thinking.

Founder · Givensa.com

E-commerce, design & content

Founded and built an e-commerce business, covering HTML/CSS web and graphic design, print and advertising assets, SEO-friendly content, blog production and social media.

Press feature

ELLE Decor

Givensa was featured by ELLE Decor as one of its recommended online design shops.

Ironhack · Barcelona

Web Development Bootcamp

Intensive hands-on training that strengthened my modern web development foundations before moving deeper into product engineering.

Get in touch

Interested in building a thoughtful product together?

LinkedIn ↗ GitHub ↗