Image for post
Image for post

Playing Tabletop RPGs via Figma

Here’s how I used Figma to build a complete Star Trek Adventures tabletop RPG experience

Chris Bam Harrison
Jul 25 · 11 min read
Image for post
Image for post
Really, I just used this as a mechanism to get my partner into Star Trek. Read on to see if it worked…
Image for post
Image for post
Imagine an RTS but you’re all on the same team, and your units are design elements. That’s basically what collaborating in Figma is like.

The LCARS UI

Image for post
Image for post
In the show, these UIs are usually completely impractical. This provided an additional challenge.

First Prototype

Image for post
Image for post
This might look confusing. I’ll explain — read on!
Image for post
Image for post
Different aesthetic styles for each of Star Trek’s alien races helped differentiate the content and keep the visuals interesting.

The Database

Image for post
Image for post
Image for post
Image for post
The prototype quickly became a wiki-like resource for the players.
Image for post
Image for post
Having a map we could navigate naturally felt really good.

Report to the Bridge

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Department colors made it easy to see which station you were manning at a glance.
Image for post
Image for post
Image for post
Image for post
You can see here how elements updated on the master sheet are also updated in the players’ screens.
Image for post
Image for post
Since these are the master components, any changes I make would filter down to the player’s UIs.
Image for post
Image for post

Other Stuff

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

Final Thoughts

SUPERJUMP

Celebrating video games and their creators

Thanks to Michael Harrison and Meredith Hall

Chris Bam Harrison

Written by

UX Designer at ME Bank. I talk a lot about design, design tools, and video games. Always looking for ways to sneak soccer into conversations, too.

SUPERJUMP

SUPERJUMP

Celebrating video games and their creators

Chris Bam Harrison

Written by

UX Designer at ME Bank. I talk a lot about design, design tools, and video games. Always looking for ways to sneak soccer into conversations, too.

SUPERJUMP

SUPERJUMP

Celebrating video games and their creators

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store