Core Design System

Core Design System

Scalable Design System

Product Designer

2025

project type

Dashboard Design

year

2025

my role

Product Designer

Company

Convin

Core is Convin’s tokenized design system that ensures clean, consistent, and scalable interfaces. By structuring tokens as JSON, Core extends beyond Figma to power AI-assisted designs that faithfully reflect the visual language.

Core is Convin’s tokenized design system that ensures clean, consistent, and scalable interfaces. By structuring tokens as JSON, Core extends beyond Figma to power AI-assisted designs that faithfully reflect the visual language.

Design Process

Design Process

Design Process

Atomic Design is a modular approach that breaks interfaces into reusable pieces, making their structure clear and connected

Atomic Design is a modular approach that breaks interfaces into reusable pieces, making their structure clear and connected

Smart Components

Smart Components

Smart Components

Smart components adapt automatically to different states, themes, and content, using variables and logic to reduce manual work and maintain consistency.

Smart components adapt automatically to different states, themes, and content, using variables and logic to reduce manual work and maintain consistency.

Design systems start with strong foundations.

They define how components look, behave, and scale across the entire product.

Design systems start with strong foundations.

They define how components look, behave, and scale across the entire product.

Atomic Design Principles

Atomic Design Principles

Atomic Design Principles

Atomic Design is a modular approach that breaks interfaces into reusable pieces, making their structure clear and connected

Atomic Design is a modular approach that breaks interfaces into reusable pieces, making their structure clear and connected

STYLES | TYPOGRAPHY

STYLES | COLOR

FOUNDATIONS | ICONOGRAPHY

FOUNDATIONS | ICONOGRAPHY

FOUNDATIONS | ICONOGRAPHY

And over 700+ Components and Variants

And over 700+ Components and Variants

AI ASSISTED DESIGNING | TESTING WITH CLAUDE CODE

AI ASSISTED DESIGNING | TESTING WITH CLAUDE CODE

Other Projects

Coaching Dashboard 2.0

Web App Design

Voice AI Widget

Interactive Web Widget

Create a free website with Framer, the website builder loved by startups, designers and agencies.