Figma plugin#11 in Maps

Placemark

Free vector street maps

by Tom MacWright

users
18K
likes
274
saves
1.3K
comments
10
FreeWorks inFigma Design
Price
Free
Latest version
v16 · May 29, 2026
First published
Dec 28, 2022
Publisher
Tom MacWright
Features

What Placemark does

Summarised from Tom MacWright's description on the Figma Community.

  • 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

  • Customizable label sizes with label collision detection to prevent overlapping labels

  • Ability to add your own GeoJSON data to the map

  • Maps need to be zoomed in.

On this page
Overview

About Placemark

Placemark is a free Figma plugin published by Tom MacWright in 2022. It works in Figma Design and has 18,264 users and 274 likes on the Figma Community. It ranks #11 in Maps on our lists.

In the developer's words

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:

  1. Styles for the map can be defined in Figma, rather than in a separate map design tool
  2. You can move, edit, and move map data like you do with any other drawn feature

Plus, some cool features

  1. Customizable label sizes with label collision detection to prevent overlapping labels
  2. 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:

  1. 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!

Changelog

What's new

Version 16 · released May 29, 2026

  • This release switches from overpass-api.de to overpass.kumi.systems as an overpass implementation. The former now requires query headers that we can't provide. The kumi.systems/private.coffee server does not, but is slower.
Trust

Permissions and privacy

Network access

Placemark can only connect to the 4 domains declared in its manifest: overpass-api.de, overpass.private.coffee, tile.openstreetmap.org and nominatim.openstreetmap.org.

  • overpass-api.de
  • overpass.private.coffee
  • tile.openstreetmap.org
  • nominatim.openstreetmap.org

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Placemark ranks

Compare

Placemark alternatives

  1. 1

    maps.to.design

    by divRIOTS

    524K users3.4KFree

    Generate Customized Map Blazing Fast

  2. 2

    Figmap

    by José Luis González Jiménez

    261K users1.6KFree + $9 upgrade

    Design-ready maps for Figma

  3. 3

    Google Maps

    by Berry

    249K users1KFree

    Add a Google Map to your pages in 2 easy clicks :)

  4. 4

    Localy

    by ARI

    173K users343Free + paid features
  5. 5

    Vector Maps

    by Arseny Novikov

    134K users880Free
  6. 6

    Vector Map Maker

    by MapCrate Developer

    60K users463Free

    Import OpenStreeMap as customizable vector layers

FAQ

Placemark FAQ

What does Placemark do?

Free vector street maps. It's a Figma plugin by Tom MacWright that runs in Figma Design.

Is Placemark free?

Yes. Placemark is free to install and run from the Figma Community, with no paid tier listed.

Is Placemark safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Placemark can only connect to the 4 domains declared in its manifest: overpass-api.de, overpass.private.coffee, tile.openstreetmap.org and nominatim.openstreetmap.org. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Placemark?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Placemark?

By user count, the closest alternatives are maps.to.design, Figmap and Google Maps. Compare all of them on the best Figma plugins for maps.

For developers

Built this plugin?

Use this page as a landing page for Placemark: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Placemark on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/placemark/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Placemark on figmaplugins.co" width="220" height="48"></a>

Want it featured on figmaplugins.co? Submit it for review