Design system agency in Barcelona,  components that scale, teams that move faster

We design, document and maintain design systems that give your product teams the speed, consistency and shared language they need to build better products faster.

Why your product needs a design system

Growing digital products accumulate visual debt fast. Duplicate components, inconsistent styles, design decisions made differently by different people in different sprints — the result is a product that looks inconsistent and costs twice as much to maintain. A design system solves this at the root.
‍
A well-built design system acts as the shared language between design and development. It reduces handoff friction, accelerates the implementation of new features and ensures a consistent user experience across every touchpoint of your product.

From visual chaos to scalable consistency

Most fast-growing digital products accumulate visual debt: buttons with four different variants, typography that changes between sections, colours that follow no token system. The result is a product that feels inconsistent and costs twice as much to maintain. Our work starts by auditing what already exists, identifying the patterns that work and building a documented, versioned, scalable system on top of them.

Less time in reviews, more time on product

Teams working with a well-implemented design system spend up to 40% less time on visual consistency reviews. Every component is documented, its variants defined and its behaviour specified. The development team doesn't need to ask; the design team doesn't need to review. Everyone speaks the same language.

Our design system services

Audit and diagnosis of your existing system

Before building, we evaluate. We analyse the current state of your product or component library: identifying inconsistencies, orphaned components, undefined tokens and consolidation opportunities. The result is a diagnostic report with a prioritised build roadmap.

Tokens, components and Figma UI kit

We build design systems from the foundations: token architecture (colour, typography, spacing, radii, shadows), primitive components and the variants needed to cover every product state. We work in Figma using its native variables and token system to ensure the design system connects to code and evolves alongside the product.

Storybook integration and dev handoff

A design system that only lives in Figma is only half a system. We connect the component library with Storybook so the frontend team has a living catalogue of all components, their props, states and design tokens. This eliminates ambiguity in handoff and ensures that what is designed is what gets built.

Design system as a service — governance and continuous evolution

A design system is not a project with a delivery date: it's a product in itself. We offer a continuous maintenance model where we update the system as the product evolves, integrate new features, resolve emerging inconsistencies and keep the documentation in sync with the real state of the system.

Our methodology: from atomic to modular

We work with an Atomic Design methodology adapted to the reality of each team. We start with atoms (colour, typography and spacing tokens), build primitive components, combine them into reusable patterns and assemble them into templates and layouts.

Every layer is documented and versioned.

Design system_ Tokens_ Atomic design_ Governance_

FAQ: Frequently asked questions about design systems

How long does it take to build a design system from scratch?

Depending on scope and starting point, an initial design system with core tokens, components and basic documentation can be ready in 6-10 weeks. A complete system with Storybook integration and comprehensive guidelines may require 3-4 months of collaborative work.

Do I need a design system if my team is small?

Yes, especially if you plan to grow. A small team working without a system accumulates visual debt quickly. A basic design system (tokens + core components + documentation) can be implemented in a few weeks and multiplies team velocity from day one.

Can you work with our existing design system or do you build from scratch?

Both. If you already have a component library, we start with an audit to assess what works and what needs improvement. If you're starting from zero, we design the complete system from tokens to templates. We always adapt the process to your team's reality.

Can the design system connect with any development technology?

Yes. Design tokens are technology-agnostic: they can be exported to CSS variables, JSON, Style Dictionary or any format compatible with your team's stack. We have integrated systems with React, Vue, Angular, Svelte and no-code platforms like Webflow.
01

DIGITAL DESIGN

Digital Product DesignUX/UI DesignDesign SystemPrototyping & TestingPhygital Ecosystem Design

Let’s start a conversation

We are open to innovation and human-focused industrial design commissions and creative collaborations.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
01

DIGITAL DESIGN

Digital Product DesignUX/UI DesignDesign SystemPrototyping & TestingPhygital Ecosystem Design

contact_