About the challenge
The Figma Make-a-thon is a 24-hour, in-person designathon where creativity meets functionality. Participants will design a product in Figma and then bring it to life using Figma Make or Figma MCP Server, new tools that allow you to turn your designs into real, working products with integrations like Supabase and agents in Cursor or VSCode.
Don't have design or dev experience? Don't worry! We're running workshops and offering mentorship throughout the make-a-thon. This is the perfect place to explore the world of UI/UX design and front-end development!
Spend the day ideating, prototyping, and building something amazing with the latest Figma tools. Whether you’re a designer, developer, or just curious about making ideas real, this is your chance to explore the next AI powered era of design-to-development.
Requirements
Design
Use Figma and create wireframes and prototypes of your product.
Build
Use Figma Make to bring your product to life!
Prizes
First Place
2x $150 Gift Cards
2x Figma Crewneck
2x Figma Marker Packs
Second Place
2x $100 Gift Card
2x Figma T Shirt
2x Figma Marker Packs
Third Place
2x $50 Gift Card
2x Figma Marker Packs
Devpost Achievements
Submitting to this hackathon could earn you:
Judges
Daniel Haddad
Product Designer @ Tim Hortons
Darren Monteith
Senior UX Lead @ Sun Life
Rupa Vemulapalli
Co-Founder @ Remi
Rachel Yee
UX Researcher @ University of Waterloo
Vincent Loris
Lead Product Designer @ Clutch.ca
Ricky Zhang
Design Engineer, Design Systems @ Wealthsimple
Judging Criteria
-
User Experience - 25%
Does the solution clearly address user needs? Is the flow intuitive and easy to navigate? Are accessibility and inclusivity considered? Consider: Usability Accessibility User-Centered Design -
UI Design & Visuals - 30%
Is the interface polished and cohesive? Does it align with the prompt and theme? Is there consistency in style, layout, and visual hierarchy? Does the design feel like something that can be released to the public? -
Creativity - 15%
Does the final product leverage Figma Make to make the design interactive? Examples: Fancy animations Micro-interactions Working backend logic -
Problem Relevance - 15%
Does the solution meaningfully address the prompt? Is the idea original or thoughtfully differentiated? Is there evidence of innovation? -
Presentation - 15%
Was the pitch clear and structured? Did the team articulate decisions effectively? Was the delivery confident and professional? Consider: Clarity Timing Engagement
Questions? Email the hackathon manager
Tell your friends
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
