A design system so you stop debating the same button every week

We build component libraries, tokens and documentation that support product and brand across multiple teams at once, with adoption tracked closely.

We build component libraries, tokens and documentation that support product and brand across multiple teams at once, with adoption tracked closely.

Pepper financial dashboard with revenue, sales chart and conversions, designed by Wama

CONSISTENCY AT SCALE

CONSISTENCY AT SCALE

Why Wama to build your design system

Why Wama to build your design system

A design system nobody uses is just a component spreadsheet. Ours grows out of the product you already have and is rolled out together with your team.

A design system nobody uses is just a component spreadsheet. Ours grows out of the product you already have and is rolled out together with your team.

CONSISTENCY AT SCALE

Why Wama to build your design system

A design system nobody uses is just a component spreadsheet. Ours grows out of the product you already have and is rolled out together with your team.

  • Wiz Benefícios SaaS platform with design by Wama
  • Pepper SaaS platform with a metrics dashboard designed by Wama
  • Elogiou SaaS platform with design and branding by Wama
  • Gogame SaaS platform designed by Wama
  • Visor SaaS platform built in Framer by Wama
  • Youmentor SaaS platform designed by Wama
  • Spedy SaaS platform with website and branding by Wama
  • Stric SaaS platform with website and branding by Wama
  • Wiz Benefícios SaaS platform with design by Wama
  • Pepper SaaS platform with a metrics dashboard designed by Wama
  • Elogiou SaaS platform with design and branding by Wama
  • Gogame SaaS platform designed by Wama
  • Visor SaaS platform built in Framer by Wama
  • Youmentor SaaS platform designed by Wama
  • Spedy SaaS platform with website and branding by Wama
  • Stric SaaS platform with website and branding by Wama
  • Wiz Benefícios SaaS platform with design by Wama
  • Pepper SaaS platform with a metrics dashboard designed by Wama
  • Elogiou SaaS platform with design and branding by Wama
  • Gogame SaaS platform designed by Wama
  • Visor SaaS platform built in Framer by Wama
  • Youmentor SaaS platform designed by Wama
  • Spedy SaaS platform with website and branding by Wama
  • Stric SaaS platform with website and branding by Wama

WHAT'S INCLUDED

WHAT'S INCLUDED

What a Wama design system includes

What a Wama design system includes

From auditing what already exists to the documentation that gets the team to adopt it, with ready-made components in Figma and in code.

From auditing what already exists to the documentation that gets the team to adopt it, with ready-made components in Figma and in code.

Interface audit

We catalog everything that already exists and how much variation became standard by accident.

Design tokens

Color, typography, spacing and radius defined as a single source of truth.

Figma library

Components with variants, properties and names your team understands.

Code components

The same library in React, so design and product don't drift apart.

Usage guidelines

When to use each component, and above all when not to.

Light and dark themes

Tokens ready for both themes from the very first definition.

Living documentation

A guide your team checks every day, not a PDF nobody opens.

Guided rollout

We stay with you while the first screens migrate to the system.

COMPARISON

What changes when the system is built with the team, not for the team

We build design systems for products with multiple teams working in parallel, like Wiz Benefícios, Pepper and Cappta.

WHO IT'S FOR

Wama vs. a library built in spare time

The test of a design system is how many new screens ship without starting a debate.

Wama

A library built in spare hours

Figma and code sharing the same library

Design and product drifting apart within weeks

Tokens as the single source of truth

Dozens of nearly identical grays in the file

Documentation that answers when to use it

A finished component nobody knows how to apply

Rollout supported screen by screen

A library published and forgotten

Governance defined from day one

Anyone can create a new component

Four stages from inventory to a system in use

The system goes into production in parts, without stopping the team's roadmap.

Four stages from inventory to a system in use

The system goes into production in parts, without stopping the team's roadmap.

Inventory

We map the components, colors and patterns already in the product, and measure the inconsistency with data, not impressions.

Foundations

We define tokens, type scale, grid and the rules everything else will inherit. This is the stage that saves the most rework later.

Library

We build the components in Figma and in code, with variants, states and usage documentation written alongside.

Adoption

We migrate the first screens with your team, adjust whatever practice reveals, and leave governance in place so the system survives.

WE ALSO DO

WE ALSO DO

Wama covers every stage of the digital product

Wama covers every stage of the digital product

Strategy

We set priorities and steer the next steps.

Interface Design

We design intuitive, user-centered digital experiences.

Screens of websites and SaaS platforms developed by Wama

Web Design & Software

We build websites in Framer™ and custom software.

Branding

We build brands that last.

Consulting

We help your company make more consistent design decisions.

Design System

Design systems that ensure consistency, scale and speed.

UI & AI

We connect design and AI to build efficient solutions.

Motion

We turn ideas into motion to make products stand out and strengthen brands.

+200

+200

Businesses transformed

+50

+50

Framer™ projects

+6

+6

Years in business

1st Studio

1st Studio

Framer PRO in South America

Framer Expert PRO in South America

Aerial view of a crowd of black umbrellas with one lime-green umbrella standing out in the middle

A disruptive project needs design that breaks past the ordinary, and that is what we guarantee.

Henrique Sabino, founder of Wama

Henrique Sabino

Wama Founder

01.

How much does a design system cost?

It depends on the size of the product and how many teams will use it. Lean systems fall in the US$2,000 to US$10,000 range; when it involves a code library and multiple products, it goes beyond that.

02.

How long does it take?

The foundations and the first batch of components ship in six to ten weeks. Adoption continues after that, because a system only truly exists when new screens are born from it.

03.

Do you deliver only in Figma, or in code too?

Both, when it makes sense. Figma alone works for small teams, but in a product with its own engineering team, the code library is what prevents drift.

04.

My product already exists. Can you still do it?

Yes, and it's the most common case. We start with an inventory of what's live and migrate in parts, prioritizing the screens with the most traffic and the most inconsistency.

05.

Who maintains the system afterward?

Ideally your team, with the governance we leave in place. We can continue on a monthly retainer to evolve the library or train whoever takes it over.

06.

Doesn't a design system stifle creativity?

Quite the opposite. It takes repeated decisions off the table so there's time left for the ones that matter. What stifles creativity is a system with no rule for exceptions, and we define that together.

07.

Do you work with our current design system?

We do. On many projects we come in to audit, reorganize and complete a system that already exists, instead of starting from scratch.

08.

How do you handle light and dark themes?

The tokens are built for both themes from the start. That avoids rewriting the whole palette when dark mode becomes a priority six months later.

09.

Do you train the team?

We do. The engagement includes sessions with design and engineering, because documentation alone doesn't drive adoption.

10.

Can we start small?

Yes, and it's usually the best path. Foundations plus ten well-built components deliver more value than a giant library nobody can maintain.

FAQ

FAQ

Design system FAQ

Design system FAQ

What product teams usually ask before getting started. Missing something? Get in touch.

CONTACT US

Your next project starts here

We get to know where you are and what you want to achieve, then show you how design and code can turn your idea into a top-tier digital product.

Tell us what you want to build.

Which Wama service are you looking for?*

Do you have a budget in mind?

CONTACT US

Your next project starts here

We get to know where you are and what you want to achieve, then show you how design and code can turn your idea into a top-tier digital product.

Understanding of the project, goals and needs;

Clear next steps to get the project off the ground.

Tell us what you want to build.

Which Wama service are you looking for?*

Do you have a budget in mind?