Design Month Topcoder Skill Builder Competition | Figma

Key Information

Competition Timeline




Apr 30, 2021



May 24, 2021




Apr 30, 2021



May 24, 2021




May 24, 2021



May 26, 2021




May 26, 2021



May 28, 2021


Winners Announced

May 28, 2021


Challenge Summary

Competition Introduction


Welcome to our Topcoder Skill Builder "Figma" Competition! 

We are excited to kick-off our plans to help everyone skill up, have fun, and earn more money through Topcoder Gigs and Competitions. Jump-in, build your skills and as always let us know what you think and where Topcoder can continue to improve and bring competitions that are meaningful to you.

Figma is one of the newest design tools on the market and is catching up fast with Sketch and XD.  It has the advantage of being an online application so anyone can use it no matter their operating system and it’s also faster. We are seeing an increased demand for it from our customer. 

In this Figma Skillbuilder Competition you will learn how to work within Figma, use grid and define reusable styles, create components with variants, how to plan and design your application to be responsive and also learn about advanced prototyping.  

Topcoder Skill Builder Competition Structure

  • Skill Builder Competition will have three (3) problems (Easy, Medium, and Hard) to solve. Each problem has steps to have you get started and learn Angular Step by Step.

  • As you know, we have a lot of Gig Work Opportunities offers available for you right now. We would use these competitions to match you to our Gig Work Opportunities and also provide you with a Verified Skill Badge on your Topcoder Profile so you can add them to your resumes. So don’t hesitate to jump in, work on the competitions, and earn a job for yourself.

Problem Statement

We are going to have 3 different problems for each level of difficulty. For the first problem you are going to design an Ad Manager application where you will learn how to work with a grid system, define styles, design charts and simple prototyping. 

For the second challenge we are going to focus on coming with the UX and UI for a Restaurant Order Management responsive tablet application and you will get more knowledge on how to create components, define constraints and make your design responsive for mobile and export assets. 

The third and most difficult challenge will be to design a desktop application to help a doctor plan his appointments where we will focus on learning how to create component variants and do advanced prototyping.


We have 10 prizes to give out. These prizes will be given out manually (and not at the end of the contest automatically) based on the reviews and overall leaderboard. The prizes are:

  • 1st: $750
  • 2nd:$300
  • 3rd: $250
  • 4th: $150
  • 5th: $100
  • 6th-8th: $50
  • 9th-10th: $25

Submission Guidelines

Please Note - You don’t need to submit anything on this competition, but submit on a particular level/problem


  • We have prepared three problems: Easy, Medium, and Hard, which are worth 250, 500, 1000 points respectively. Points are based on the difficulty of the problem.
  • The competitions are related to each other.
  • The links to the problems/competitions are provided below.
  • Each problem has some detailed requirements to achieve. We will judge your submission based on the requirements being fulfilled in each problem, you would be rewarded with points for that particular problem.
  • Here is the leaderboard with individual problem score and total score across weeks is available.


Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.


2021 Topcoder(R) Open


Screening Scorecard


Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "" file.
  3. Place all of your source files into a "" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.


All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.


Questions? ‌



You must include all source files with your submission.




ID: 30181434