Figma Ninja

A game to level-up your Figma design skills - by Tandem

21 followers

Figma Ninja is a game built into Figma to help you learn the basics and get faster with shortcuts and tricks. -- Built with ⚔ by the makers of Tandem.chat
Figma Ninja gallery image
Figma Ninja gallery image
Figma Ninja gallery image
Launch Team
Anima - Vibe Coding for Product Teams
Build websites and apps with AI that understands design.
Promoted

What do you think? …

Rajiv Ayyangar
As a team, we're always thinking about ways to help each other "level-up." @bernatfortet helped us all learn to use Figma via a game he made called Figma Ninja. Not only has it made me a better product manager, it's changed the way we think and brainstorm together. Also... it's pretty fun :)
Kevin Sun
Super cool! I've been trying to get better at Figma and learn the shortcuts, this is awesome ✨✨
Rajiv Ayyangar
@kevinsun Awesome! Do you use shortcuts in other apps, e.g. email?
Bernat Fortet Unanue
@kevinsun Great! Also, Figma is really fun with others. For extra kicks, you can try to do Figma Ninja at the same time with someone else :)
Bernat Fortet Unanue
Hey all! I'm super excited to finally share Chapter #1 of Figma Ninja. The idea here is to have fun learning how Figma works, and get faster in the process. 🔥 Steps 1. Click Get it. 2. Click duplicate. 3. For a better experience use the Figma desktop app. 4. Open Figma Ninja and follow the instructions. 🤔 Who is this for? • For product managers who want to collaborate better with designers. • For marketing people who want to get better at managing social media assets. • For engineers who want to prototype or modify designs. • For designers switching to Figma from Sketch, Photoshop, Adobe XD, or others. • Or anyone who wants to harness keyboard shortcuts to move faster in Figma! 📜 The Story I used to play Starcraft 2 competitively 🤓. When you play this kind of game, shortcuts become an extension of your mind and body. It's fascinating to see professional players move their hands. They're the ninjas of the computer era. When I started designing I used the same approach: Learn the shortcuts ASAP to harness true speed. While working at Yahoo I created a workshop called Sketch Ninja to teach junior designers the secrets of Sketch in a game-like fun format. That was the original inspiration for Figma Ninja. When we started Tandem.chat, I realized that although I was fast in Sketch, the team could collaborate better using Figma. I realized that switching to Figma was the best decision for the team. With Figma we've collaborated on pitch decks, brainstormed all kinds of ideas, mapped user flows, and prototyped many products and features. As a remote team, it's super important to have a powerful replacement for whiteboarding, and Figma has become that for us. I wanted to help my teammates become fluent in Figma so we could all collaborate together. I decided to adapt the Sketch workshop to Figma and make it 100% self-serve. I'm super excited to contribute to the Figma community that I love so much. ✌️Good Luck Have Fun P.S. Want to double the fun? Go through Figma Ninja collaboratively with a friend using Tandem.chat :)
Vikrum Nijjar
This is exactly the kind of interactive game I needed to start learning Figma. Thanks for putting this out in to the world!
Bernat Fortet Unanue
@vikrum5000 Yay! Nothing better than playing a game and being able to say that you're working :)
Rajiv Ayyangar
@vikrum5000 I was reluctant until Bernat made the game. Maybe in the future every productivity app will have a game :)
Maciej Łobodziński
@bernatfortet it's amazing, thank you! i've used figma for so long and didn't know many of these tips.
Rajiv Ayyangar
@bernatfortet @mlobodzinski Awesome. That's the goal! Bernat has even more up his sleeve for Chapter 2 :)
Bernat Fortet Unanue
@mlobodzinski as Rajiv says... Chapter #2 has a lot more secret ninja skills!
Ankit Gordhandas
Can't wait to try it out!
Rajiv Ayyangar
@agordhandas The final levels are brain-teasers. Curious what you think.
David Newell
This is fun! This is to design what Flexbox Froggy (https://flexboxfroggy.com/) is to learning flexbox. Can't wait for more lessons 👏
Bernat Fortet Unanue
@davidnewell95 Flexbox Froggy is super neat! Thanks for sending the link
Rajiv Ayyangar
@davidnewell95 Did you ever play Mavis Beacon teaches typing? Or is that a US thing only?
David Newell
@rajiv_ayyangar haha I have not but looks like a serious throwback
123
•••
Next
Last