Visual App Design System

Design system for an AI image generation platform

2 weeks Duration
60+ Components
5 star Review
Solo Designer
Wasai Project

Overview

Created a comprehensive design system for an AI-powered image generation platform, focusing on visual consistency and scalability across the application.

My Role

Product Designer

  • Design system creation and component library
  • Set up Variables and Tokens for the design system
  • Setup light mode and dark mode
  • Completed a proper handoff to the development team

Challenge

Building a design system for an AI platform used for generating images and videos was challenging to keep the design system simple and easy to use for the users.

Solution

Developed a flexible design system that included:

  • Visual component library with 60+ components
  • Dark and light theme support
  • Responsive grid system for various screen sizes
  • Animation and interaction patterns
  • Kept the component library small but mighty

Impact

  • Streamlined design workflow for the team
  • Helped the company save money by not having to pay for extra features and components
  • Reduced development time by 35%

Tools & Technologies

Figma Tokenizely Plugin for Figma