DEV Community

Cover image for Covid-19 App Design in Figma
Adrian Twarog
Adrian Twarog

Posted on

5 2

Covid-19 App Design in Figma

Designing an App UI in Figma can seem tricky. In today's video, we create this Covid-19 App Design with some nice use of colors, box shadows, font sizing and more. I go through the whole design process of how I built this. This is a pretty simple design but hopefully you enjoy the process.


Youtube: Covid-19 App Design in Figma

Some things included in this video are:

  • SVG placement
  • Spacing for the UI
  • Color selection
  • Workflow and layout

Do you want to see the original file, check it out in my link below:
https://www.figma.com/file/xZdaXojUT7RCQAmMwAxcIi/Covid-19-Figma-App-Design?node-id=0%3A1

Follow and support me:

Special thanks if you subscribe to my channel :)

Want to see more:

I will try to post new great content every day. Here are the latest items:

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay