Plugin Preview
About this plugin
Use Figma to create purely vector street-level maps with Placemark. This plugin is a bit different than the rest. By loading data from OpenStreetMap, it enables you to create maps without an API key. As long as you credit OpenStreetMap, you can also freely print and republish the maps you make.
This plugin directly loads data and transforms it into vector data, which means:
- Styles for the map can be defined in Figma, rather than in a separate map design tool
- You can move, edit, and move map data like you do with any other drawn feature
Plus, some cool features:
- Customizable label sizes with label collision detection to prevent overlapping labels
- Ability to add your own GeoJSON data to the map
Note that this is a particular solution to the problem, so it has certain caveats:
- Maps need to be zoomed in. You can't use this tool to create world-scale maps - it's better for mapping neighborhoods.
This plugin is open source! Follow along or contribute on GitHub.
Also check out Placemark Globe, the companion plugin that generates globes!
Plugin Details
Version | 14 |
---|---|
Created | December 28, 2022 |
Last Updated | June 23, 2024 |
Category | Import & export plugins |
Creator | Tom MacWright |
Stats | 1057 installs, 242 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/backend.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://nominatim.openstreetmap.org
- https://overpass-api.de
- https://tile.openstreetmap.org
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML