
Figma RPG
Objective
Process
Year
2024
Figma RPG is a fully interactive turn-based battle simulator created entirely in Figma with no code or plugins. Players can select from a number of unique attacks and items to strategically defeat their opponent, who will fight back with their own attacks.
I’m always looking for unique and interesting ways to push myself to the limit when it comes to my design work. Figma RPG one of these endeavors, using variables and advanced prototyping to create a fully functional game in a UI software.
Figma RPG started as nothing more than a few assets and rudimentary buttons in a debug menu. This helped me test how to use variables for altering the attack, defense, and health stats of both the player and opponent.
Version 1 of Figma RPG featured a more refined UI, but was still mainly built for testing and debugging.
Version 2 completely overhauls the UI, gearing the experience for mobile and adding new aesthetic features such as an intro, stat screens, and visible damage indicators.
This version is the most up to date. Potential future inclusions could include more moves and items, advanced animations, and status effects.
This was the first version to be fully playable and winnable (or losable) with functional buttons, actions, and conditionals.
Prototyping, UI/UX
Figma
~5 Months
Medium
Tools
Duration














Playable Prototype