Step 1
Design tactical scenes around squares, terrain, props, and player readability.
Roll20 map maker
Roll20 Map Maker Workflow for RPG Battle Maps
Create gridded battle maps in RPG Map Editor, export the image, then upload and align it in Roll20 for your session.
Export for Roll20
Browser-based, fast start, export-focused.
Create a map now, then save or export when the encounter is ready.
RPG Map Editor is independent and is not affiliated with or endorsed by Roll20.
Practical workflow
Build maps around the session
Step 2
Export image files for Roll20 map uploads.
Step 3
Keep your editable map saved for encounter revisions and reused locations.
Step 4
Use pixel-per-square planning before import so Roll20 grid alignment is easier.
Fit
Best for / Not best for
Best for
DMs and GMs who want a browser-first RPGMapEditor workflow: create a DnD or TTRPG battle map, save the source project, export a PNG, and validate the grid in Roll20, Foundry VTT, print, or another play surface.
Not best for
Native Roll20 dynamic lighting export, native Foundry scene JSON, wall and door automation, token export, or broad world-atlas illustration. Those platform-specific steps stay inside the VTT.
Use cases
Made for real prep loops
Roll20 games
Plan the playable space, keep the grid readable, export the map, and revise the saved project when the table changes direction.
D&D sessions
Plan the playable space, keep the grid readable, export the map, and revise the saved project when the table changes direction.
one-shot prep
Plan the playable space, keep the grid readable, export the map, and revise the saved project when the table changes direction.
quick encounter maps
Plan the playable space, keep the grid readable, export the map, and revise the saved project when the table changes direction.
Related: Roll20 map maker · Roll20 export guide · Foundry VTT export guide · Pricing
Product workflow
How to do it in RPGMapEditor
Open RPGMapEditor, start with a blank map or demo, paint terrain first, place props where they affect movement or cover, keep the tactical grid readable, save the project, then export a PNG for the VTT or table workflow you actually use.
FAQ
Quick answers
Can I use exported maps in Roll20?
Yes. Export a PNG, upload it to Roll20 as a map image, then align Roll20’s grid to match the image.
Is RPG Map Editor affiliated with Roll20?
No. RPG Map Editor is an independent map-making tool and is not affiliated with or endorsed by Roll20.
What map size should I use for Roll20?
Pick a square count for the encounter, then export at a consistent pixels-per-square value. Many Roll20 setups start around 70 or 140 pixels per square.
Does the export include Roll20 dynamic lighting?
No. Use the exported image as the base map, then add walls, doors, lighting, and fog in Roll20.
Start now
Create a map for your next RPG session
Open the browser editor, sketch the playable space, and export when the encounter is ready.