Figma Case Study

First time hands on Figma. Created this UI Design for one of the contest on Freelancer.

Case study:


1). App will be developed using flutter. 2). Must be visually appealing. 3). Must be easy to code.

Initial Markup

As a designer I selected fonts, color, vectors, icons meticulously by evaluating them individually to co relate with given context of app design.


I wished to have a font out of the ordinary but familiar to users, so came up with font 'Montserrat’. Sample color palette

Color palate was more focused on dark color as it makes the content explicit and attractive.

For some extra cuteness in app I used vector image which is idealistic and blend more of a cartoon effect.

Use of gradient icons wasn't planned initially but fortunately found them in icon Plugin of Figma that further assisted me a lot in making app design alike.

Final Touch Ups 1). Used curves at the edges of boxes. 2). Used proper shadow for individual elements.


That's pretty much of what it took to design an app like that.

Apart from the content mentioned above the app contains few elements obscure but contribute a lot.

Hope y'all like the concept.

For more of such Please contact me on:


No Comments Yet