Make maps in Figma using OpenStreetMap data. This plugin directly transforms live OpenStreetMap into a vector map in Figma. It's similar in spirit, technically, to the renderer in iD, but much simpler.
| placemark | mapbox-based plugins | |
|---|---|---|
| edit map styles | in figma | in mapbox studio |
| scales supported | local only | all scales, global to local |
| street labeling | not yet | yes |
| output | vector | raster |
| unlimited printing & reproduction | yes | no (mapbox tos has requirements) |
| api key required | no | yes |
- Trying to create a global or city-scale map will fail. It's a lot of data and this plugin uses and generates raw data.
- Rendering maps is dependent on Overpass APIs: currently the private.coffee implementation. This service is free and has no strong uptime guarantee.
The build script will continuously build and update this plugin.
You can use this plugin locally by going to Plugins → Development → Import plugin from manifest…
Create an empty frame in Figma. With it selected, start the Placemark plugin. Select an area, click Render.