Awesome
figma-plugin
<a href='https://www.figma.com/community/plugin/1189962635826293304/Placemark'><img src='./.media/try-it-out.png' width="200" alt='Try it out in figma'></a>
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 |
Development
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…
Usage
Create an empty frame in Figma. With it selected, start the Placemark plugin. Select an area, click Render.