Arc Raiders mock ups in Figma

I have been playing Arc Raiders lately and decided to break down some of its UI.

This was done in a few hours, here's a few milestones:

  • Install and configure OBS to record

  • Break down relevant UI components — re-build everything highlighted in pink

  • Photo-bash background images

  • Wire-up the demo

  • Create Figma components with stateful transitions (idle, hovered, clicked…)

  • Re-wire the demo

  • Record a walkthrough

  • Upload it to youtube

  • Oops, forgot to mask friend names, re-capture with music this time, re-upload, and voila

If you don't have a Figma account, there is a youtube video at the bottom of this page.

If you do have a Figma account, my document is accessible with the link below. It was made on my personal (free) account, so I couldn't use videos or fancy variables. Once logged-in, press "play" on the top-right of the screen to start the demo.

https://www.figma.com/proto/Nr7Zucn1PNxB4OnM1eAqPs2f/game-ux-studies?node-id=348-3130&p=f&t=bKlpLcdncy9zOyFO-1&scaling=min-zoom&content-scaling=fixed&page-id=16%3A74&starting-point-node-id=348%3A3130



date published

Dec 18, 2025

reading time

2 min

.contact me

#opentowork
Let's talk!

.contact me

#opentowork
Let's talk!

Create a free website with Framer, the website builder loved by startups, designers and agencies.