Back to Plugins
Open Source - Map Generator

Open Source - Map Generator

Export high resolution open-source maps to Figma

Plugin Preview

Open Source - Map Generator preview

About this plugin

Generate high-resolution maps directly into Figma frames. Pick a style, framethe section you want, drop pins, sketch arcs or driving routes between places,then export. Everything comes back as editable Figma layers, not a flat image.What's in the plugin8 map stylesCARTO Voyager, Light, and Dark (each with or without labels), plus EsriSatellite and OpenTopoMap Terrain. Live in-map attribution follows whichever style is active.Frame sizesPresets for Full HD, Vertical HD, Square, 4:3, HD, 2K, and 4K, plus customwidth by height. The preview is always the exact crop you'll get.View controlsBearing, pitch, and zoom number inputs with stepper buttons, and a reset that levels the map back to north-up.PinsClick on the map to drop a pin. Edit the label inline, double-click a pin inthe list to fly to it, and click the colour swatch on any row to pick a customcolour. When the map is pitched, pins foreshorten along with the ground plane (they read as discs lying flat, not face-on labels).Two route styles, two tabsArc draws a clean curved line between locations, good for flight paths andconceptual connections, no setup needed. Routes fetches real driving / cycling / walking directions via OpenRouteService.Multi-stop routesEach route can have up to 8 stops. Click "+ Add stop" to insert a Via between From and To. Works in both the Arc tab and the Routes tab.Walking and cyclingThe Routes tab has a Car / Bike / Walk segmented control, mapped to OpenRouteService's three transport profiles. Each route remembers its mode.Layered Figma exportEvery export creates a frame containing three editable layers: the basemap image, a Pins group with native ellipses and text, and a Routes group with native vector polylines. Recolour, move, or swap any layer without re-exporting.Export quality1×, 2×, or 3× pixel ratio. PNG or JPEG. The preview matches the export crop and aspect ratio exactly.Globe projection at world viewThe map renders as a 3D globe when zoomed out, auto-flattens to Mercator past zoom 12. Best for long-distance arcs (e.g. NYC to Tokyo over the pole) and continental routes.Latitude / longitude grid toggleA "Grid" control in the view row overlays a 10° graticule (dashed grey lines) on the map. Off by default, preference persists per device. When the Grid is on and layered export is enabled, the graticule comes back as its own editable Figma frame with one native vector polyline per visible line ("Equator", "30°N", "Prime Meridian", etc.). Each meridian gets split into visible sub-segments where it crosses behind the globe.Layers vs flat export toggleA new switch in the footer (off by default). OFF, single flat PNG with everything baked in. ON, the layered Figma structure with Map / Grid / Routes / Pins as separate editable frames. Persists per device.SetupMost of the plugin works out of the box with no setup. To use the Routes tab (real driving, cycling, or walking directions), you'll need a free OpenRouteService API key. Step-by-step instructions are inside the plugin's Routes tab: sign up at openrouteservice.org, create a Standard token, and paste it once. The free tier covers 2,000 routes per day. The Arc tab does not need a key.-- Built on open source --Code, issues, and releases live at[github.com/Delta365/open-source-map-generator](https://github.com/Delta365/open-source-map-generator).Powered by:MapLibre GL JS, CARTO basemaps, OpenStreetMap, Esri World Imagery,OpenTopoMap, Nominatim, and OpenRouteService. Full credits and licences are in the plugin's Resources panel. Maps exported with the OpenTopoMap (Terrain)style inherit CC BY-SA 3.0 because they are derivative work, so publish those with attribution to OpenTopoMap and OpenStreetMap contributors.

Plugin Details

Version6
CreatedMay 7, 2026
Last UpdatedMay 23, 2026
Categoryvisual-assets-other
CreatorSanjivan Rane
Stats9 installs, 19 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    Fetches CARTO basemap vector tiles, Esri World Imagery raster tiles (Satellite style) and OpenTopoMap tiles (Terrain style) for map rendering, Nominatim for place search, and OpenRouteService (HeiGIT) for the Roads routing feature using a user-supplied free API key. MapLibre GL is bundled into the plugin.

  • Editor Types:
    figma
  • Allowed Domains:
    • https://*.basemaps.cartocdn.com
    • https://*.tile.opentopomap.org
    • https://api.openrouteservice.org
    • https://basemaps.cartocdn.com
    • https://nominatim.openstreetmap.org
    • https://server.arcgisonline.com