This guided project, "Designing a Prototype Model for Games Using Figma: Designing TicTacToe Game," is tailored for game designers looking to create initial models for their ideas and for UI/UX designers seeking to enhance their skills in Figma. Through this 1-hour project, you will learn to design game interface elements, control their content using local variables in Figma, and create an interactive prototype that can be shared and experienced.
By designing an initial model for the classic TicTacToe game from start to finish, you will obtain a complete prototype that can be shared and played with friends and colleagues. The acquired skills will enable you to create advanced and professional interactive prototypes in a short time. This intermediate-level project requires a general understanding of Figma basics such as frames, shapes, text, components, and variants.
Certificate Available ✔
Get Started / More InfoThis course consists of 9 modules that cover analyzing game mechanics, designing game screens and user interface elements, creating interactive prototypes, and more.
Mission 1: Analyzing game mechanics (6 minutes)
Mission 2: Designing the main menu and game screen (7 minutes)
Mission 3 (Practical activity): Designing the result screen (2 minutes)
Mission 4: Building the local variables library and linking it to user interface elements (7 minutes)
Mission 5: Adding interactions to interactive elements in the screens (6 minutes)
Mission 6: Using conditions to calculate the winner (9 minutes)
Mission 7 (Practical activity): Clearing the game board spaces (2 minutes)
Mission 8: Sharing the initial model through a Prototype link (4 minutes)
Mission 9 (Combined challenge): Calculating the draw state (7 minutes)
Summary of the project (10 minutes)
References (10 minutes)
Key Takeaways (10 minutes)
Test your knowledge (30 minutes)
Course feedback survey - We value your feedback (15 minutes)
Real-World Product Management is a comprehensive course offering insights from industry leaders at top tech companies, focusing on essential product management skills...
In this hands-on course, learn to design captivating ebook covers using Canva's built-in templates and from scratch, empowering you to create stunning visuals for...
Learn how to create vector graphics using Inkscape and explore flat design in this 1-hour guided project. Perfect for graphic designers, illustrators, and artists....
Manage and schedule your social media content effectively with Facebook Creator Studio. Free and comprehensive tools for managing and monetizing your content on...