Back to Plugins

Tabletop
Play board games and card games, right in Figma! This plugin helps with card management and more.
prototypinggametabletop gamestabletopboardgamegame prototypingtabletop prototypingtabletop design
Plugin Preview
About this plugin
Play board games and card games, right in Figma! This plugin helps with card management, dice rolling, hidden information, and general usability.
Open the playground Figma file for pre-made cards, tokens, and dice!
Features
- Sneak a peek at any card or token by selecting it while it is face-down. You will get a preview of the front of the card in your plugin window.
- See how many objects you currently have selected.
- Flip any number of cards or tokens that you have selected.
- Roll any number of dice that you have selected.
- Stack objects - this aligns them horizontally and offsets them by 1px vertically, randomizes the layer order, and flips them face-down.
- Shuffle objects - this randomizes the layer order of every object you have selected.
- Expand a stack of objects - this lays them out side-by-side and flips them face-up, allowing you to quickly see all objects in a stack.
- When you select any object, automatically bring it to the top of the layer hierarchy so it appears on top of other objects.
Custom Card & Token Preparation
- Create a card or token component that contains a layer named "Front" and a layer named "Back".
- Duplicate the component into as many instances as you need for that particular card/token.
- Now you can use the Tabletop plugin to manipulate the instances of your cards or tokens!
- Optional: Export a PNG image of your "Front" layer, paste it into your component beneath the other layers, and rename it "Preview". This will speed up the preview image that is generated in the plugin when the object is selected.
Custom Dice Preparation
- Create a die component that contains at least 2 layers named "Face".
- Duplicate the component into as many instances as you need.
- Now you can use the Tabletop plugin to roll your dice!
Feedback Needed!
I'm actively working on this plugin, so please leave comments with feedback and I'll try to refine and add features accordingly.
Plugin Details
Version | 3 |
---|---|
Created | September 26, 2024 |
Last Updated | October 10, 2024 |
Category | design-tools-other |
Creator | Colin Brandt |
Stats | 18 installs, 10 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://www.figma.com/
More Like This
Discover other plugins in the design-tools-other category.