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.
Create a map now
Browser-based, fast start, export-focused.
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.
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
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.