Design System
Design System
This project explores the creation of a scalable design system from scratch, with a strong focus on token architecture and AI-assisted workflows.
Gift subscription journey
When data showed a major drop-off in our gift subscription flow, we set out to redesign the experience and it led us to reconsider the idea that shorter always means better in funnel design.
Product
Designer
Figma, AB Testing
Contentsquare
1,5-month
timeline
foundations, tokens,
components,
documentation
Role:
Product Designer
Tools:
Figma, Token Studio,
Chat GPT, Cursor
System Foundations
The system was built around a structured token architecture to ensure scalability, consistency, and flexibility.
The system was built around a structured token architecture to ensure scalability, consistency, and flexibility.
Primitive and semantic tokens were defined early to establish a clear separation between raw values and contextual usage.
Primitive and semantic tokens were defined early to establish a clear separation between raw values and contextual usage.
AI was used to accelerate JSON token generation and ensure naming consistency across variables when integrating with Token Studio.
AI was used to accelerate JSON token generation and ensure naming consistency across variables when integrating with Token Studio.
Components architecture
Each component was built on semantic tokens to ensure consistency and easy scalability.
I then created the components I needed for my designs.
AI-assisted documentation
Cursor was used to assist in generating and updating structured documentation based on the Figma components.
Cursor was used to assist in generating and updating structured documentation based on the Figma components.
Interested in working together?
I’d love to hear from you.
Get in touch
Interested in working together?
I’d love to hear from you.
Get in touch
Interested in working together?
I’d love to hear from you.
Get in touch