Ionic Design System
The Goal
Making it faster and easier to design apps for big brands like Steve Madden and Caterpillar
The Goal
Making it faster and easier to design apps for big brands like Steve Madden and Caterpillar
The Problem
The developers at Hotwax use Ionic Framework for developing the native apps, but there was no official design kit in Figma for it. This meant designers were constantly guessing how components should look, which caused mistakes and slowed everyone down.
The Problem
The developers at Hotwax use Ionic Framework for developing the native apps, but there was no official design kit in Figma for it. This meant designers were constantly guessing how components should look, which caused mistakes and slowed everyone down.
What I Did
I helped build and manage a massive library of Figma components
Built Components: I used Figma’s Auto Layout so that buttons and cards resize perfectly, just like a real app.
Organized the Library: I made sure everything was easy for other designers to find and use.
Custom Components: I created custom components which were not available in the Ionic Framework.
Components
Button Instance
A dynamic progress bar prototype built in Figma using variables.
What I Did
I helped build and manage a massive library of Figma components
Built Components: I used Figma’s Auto Layout so that buttons and cards resize perfectly, just like a real app.
Organized the Library: I made sure everything was easy for other designers to find and use.
Custom Components: I created custom components which were not available in the Ionic Framework.
Components
Button Instance
A dynamic progress bar prototype built in Figma using variables.
The Result
Global Success: Our kit was published to the Figma Community and has been used by over 20,000 designers.
Faster Work: We can now design new apps (like for Fulfillment or Pre-orders) in half the time.
Pro-Level Quality: My work helped power the apps used by world-famous brands like Steve Madden, Caterpillar, and New Era Caps.
The Result
Global Success: Our kit was published to the Figma Community and has been used by over 20,000 designers.
Faster Work: We can now design new apps (like for Fulfillment or Pre-orders) in half the time.
Pro-Level Quality: My work helped power the apps used by world-famous brands like Steve Madden, Caterpillar, and New Era Caps.