PrintPlay Studio — Studio Guide | How to Create Card & Board Games

01

📁

Creating a Project

Where all your brilliant game ideas begin.

PrintPlay Studio is completely standalone and runs entirely in your browser. Therefore, all your work lives locally on your device. The feature to manage your projects and save them to cloud are coming soon!

1

Click Start designing free by navigating the Game Studio
2

Give your project a descriptive name like "Zombie Survival Deck" or "Math Flashcards 2026".
3

Select the type game you want to create.
4

Your new project is immediately saved to your browser's local storage database (IndexedDB). As you work, it will auto-save continuously.

💡

Keep your data safe Since projects save locally, clearing your browser's site data or cache will wipe your projects!

02

🖼️

Uploading Assets

Bringing your own images and data into the studio.

A game isn't much fun without art. PrintPlay Studio handles assets entirely locally, meaning your 50MB of high-res card art never has to upload to the cloud.

📸

Images (.jpg, .png)

Drag and drop any images into the "Assets" tab on the left sidebar. These become available to map onto any template. Transparent PNGs are fully supported and encouraged for token overlays.

✨

Icons (.svg)

Drop SVG icons straight from your machine. PrintPlay renders them infinitely scalable on the cards, which is perfect for resource icons (like 🪵 or 🗡️) inside text boxes.

📊

Data (.csv)

Instead of designing 50 cards manually, create a generic template and populate it with a CSV spreadsheet. Drag a .csv file into the Data tab to instantly convert every row into a unique card.

💾

Asset Storage Warning Since all assets are stored inside your browser make sure that you have the copies stored locally on your computer.

03

📊

Handling Game Data

Power your designs with dynamic spreadsheets.

The "Data" panel is where you manage the content of your game. Instead of typing text onto every single card, you can import a list and let PrintPlay Studio generate your deck automatically.

💡

Superpower: Data Linking By linking your design elements to data columns, you can create hundreds of unique cards in seconds. Change a value in your data, and every card update instantly.

1. Importing via CSV

The easiest way to get started is by uploading a CSV (Comma Separated Values) file from tools like Excel, Google Sheets, or Notion.

Click the "Import CSV" button in the Data panel.
The Studio will automatically detect your column headers and data types.
Smart Detection: Numbers, Ratings (1-5 stars), and Image paths are recognized automatically based on their content.

2. Importing from Google Sheets

You can also link directly to a Google Sheet for a more dynamic workflow.

Click "↑ From Google Sheet" and paste your sheet URL.
Important: Your sheet must be set to "Anyone with the link" via the Share button in Google Sheets.
Syncing: To update your data after making changes in the Google Sheet, click the 🔄 Sync button in the Data panel toolbar. Your cards will not update automatically; you must click this to refetch the latest version.

3. Linking Data to a Deck

In PrintPlay Studio, Datasheets are independent. To use data on a specific card deck:

Select your Card Deck artboard on the canvas.
In the right-hand panel, use the "Linked Datasheet" dropdown to select your imported data.
Once linked, any element inside that deck can be mapped to a column via its own "Link Data" property.

4. Row Management & Duplication

You can edit your data directly inside the Studio's data editor:

Duplicate: Click the duplicate icon (❐) on any row to create an exact copy. This is great for cards that appear multiple times in a deck.
Delete: Use the trash icon to remove rows you no longer need.

⭐

Advanced: The _qty Column If you name a column exactly _qty or qty, you can specify how many times each row should be printed. This saves you from manually duplicating rows!

5. Visual Meta Columns (Per-Row Styling)

Want a specific card to have a different font size or color? You can override styles directly from your data using specialized column suffixes:

Suffix	Example Column	What it overrides
`_font`	`Name_font`	Changes the Font Family for the "Name" element on that row.
`_size`	`Name_size`	Overrides the Font Size (e.g., 24, 32).
`_color`	`Name_color`	Overrides the Text Color (Hex codes like #ff0000).
`_weight`	`Name_weight`	Changes the Font Weight (e.g., bold, 800).
`_style`	`Name_style`	Sets the Font Style (e.g., italic).
`_front_image`	`_front_image`	Overrides the global Front Background Image for the card. Works perfectly with Auto-Matching.
`_back_image`	`_back_image`	Overrides the global Back Background Image for the card. Works perfectly with Auto-Matching.

6. Auto-Matching Images from Assets

If your CSV or Google Sheet contains a column with image filenames (e.g., warrior.png, fireball.jpg), PrintPlay Studio can automatically match those filenames to your uploaded assets — saving you from manually selecting images one by one.

🔗

How Auto-Matching Works The system tries to match each filename to an asset using progressively relaxed criteria: Exact match → Case-insensitive → Without file extension → Partial match. For example, a cell containing warrior will match an asset named Warrior.png.

Automatic (on import): When you import a CSV or Google Sheet, any column detected as an image type will have its values automatically resolved to matching assets. You'll see a toast like: "Imported 50 rows · Auto-matched 47/50 images".

On-demand (after import): If you uploaded assets after importing your data, or want to re-run matching, click the 🔗 button in the column header of any image column. This scans all rows and resolves unmatched filenames to assets.

💡

Pro Tip: Upload Assets First For best results, upload all your image assets before importing your CSV. This way, the auto-match runs during import and fills in all images instantly.

7. Editing Columns & Value Maps

Click the ✏️ Edit button in any column header to rename the column, change its data type, or set a default value. This is especially useful for columns imported via CSV.

Value Maps: If you have discrete codes in your data (like 1, 2) and want them to render as icons or images, change the column type to Value Map.

Add rules mapping your raw data values to Text/Emoji (e.g., 1 → 🎉) or an Image Asset (e.g., boss → dragon.png).
Link this column to a Text Element or an Image Element in the Designer.
During rendering, the raw value is automatically replaced with your mapped Emoji or Image!

04

🃏

Creating Cards & Boards

Pick a template or start from scratch.

PrintPlay Studio comes with a pre-built library of layout templates so you don't have to manually measure out standard card sizes.

1

The top bar, has options to create diffenet elements like Card Deck, Board, Tokens and Dice
2

Select from options like Standard Poker Cards (63x88mm), Flash Cards, or full Board Game grids. Tokens and Cards can also be created with custom sizes (Diameter or Width/Height) directly in the creation wizard.
3

Clicking a template automatically adds an artboard to your canvas with the exact dimensions perfectly mapped to A4 and US Letter print outputs.
4

You can create multiple card decks, tokens and dice.

05

🎨

Designing game elements

Building the visuals of your game components.

The canvas in PrintPlay Studio works similarly to tools like Figma or Illustrator. You add elements (layers) onto an artboard, position them, and style them.

T

Text Blocks

Add a text layer and apply styling via the right-hand properties panel. You can change fonts, sizes, colors, and line-heights. Pro Tip: Link a text block to a CSV column to auto-populate text!

🖼️

Image Frames

Drop an image frame, then select an image from your Assets tab to fill it. You can scale, crop, and round the borders of any image right inside the properties panel.

⬜

Shapes

Add base rectangles or ellipses. These are highly useful for creating colored backgrounds, borders, or behind-text legibility panels.

🔗

Data Linking

Select any element, and in the properties panel use the "Link Data" dropdown to map it to a specific column name from your uploaded CSV or Google Sheet. This is the superpower of PrintPlay Studio.

06

🖨️

Exporting the Game

Turning your digital designs into physical paper.

PrintPlay Studio provides multiple ways to get your game out of the computer and into your hands. Once your designs are ready, use the Export ▾ button in the top right.

📄 Generate PDF Sheets

Choose PDF - A4 or PDF - US Letter to get print-ready sheets. PrintPlay Studio uses a smart packing algorithm to automatically fit as many cards onto a single sheet as possible, with built-in 3mm bleeds and cut marks.

📦 Export All as PNG (ZIP)

This option renders every single card, token, and board in your project at a high resolution and bundles them into a single ZIP archive. Perfect for digital prototyping tools or sharing individual card art.

🖼️ Export Sprite Sheet

Instantly stitch all your game components into a single, master PNG image. This is ideal for importing your game into virtual table-top engines like Tabletop Simulator or Roll20.

🔄 Progress & Loading

For large projects with hundreds of cards, exports might take a few seconds. A spinner will appear on the Export button to show that the studio is busy rendering your assets. Please wait for the download to trigger automatically.

🖨️ Printing Guide

Ready to print? Head over to our Printing Guide for specific instructions on duplexing, paper stocks, and printer alignment.

The complete guideto PrintPlay Studio