0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#2 in Maps

Google Maps

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

by Berry

users
235K
likes
962
saves
18K
comments
7
FreeWorks inFigma DesignFigJam
Price
Free
Latest version
v41 · Dec 24, 2024
First published
Mar 29, 2024
Publisher
Berry
Features

What Google Maps does

Summarised from Berry's description on the Figma Community.

  • Add a Google Map (with 20 styles) to your Figma Documents!

    Map Maker is a free tool for Figma to help you add a Google Map to any of your pages.

  • First things first

    100% free: no payment or fees required. All themes and settings are available at no charge

  • Choose a theme

    There are 20 themes available to style your map the way you want. This includes the default style for Google Maps

  • Choose hi-fidelity maps

    Choose the "Detailed View" option to have higher-quality maps, with more detail on them (e.g. road names, street names, etc)

  • More

    You will always see a preview of what your map will look like before you insert it. You can use your mouse to drag the map around

  • References

    Some of themes and styles come from the open source project Snazzy Maps: https://snazzymaps.com/

On this page
Overview

About Google Maps

Google Maps is a free Figma plugin published by Berry in 2024. It works in Figma Design and FigJam and has 234,772 users and 962 likes on the Figma Community. It ranks #2 in Maps on our lists.

In the developer's words

Add a Google Map (with 20 styles) to your Figma Documents!

Map Maker is a free tool for Figma to help you add a Google Map to any of your pages. Just search for the part of the world, choose a style (over 20 to choose from), and whether you want it to be road map, satellite view etc. Here are more details:

👋🏻 First things first:

  1. 100% free: no payment or fees required
  2. All themes and settings are available at no charge

🔎Search for the exact location:

  1. Easy search: just enter the name of the city or region
  2. The search works as it does on Google Maps: you can search for cities, countries, towns, villages, monuments, regions, businesses or addresses

🎨 Choose a theme:

  1. There are 20 themes available to style your map the way you want
  2. This includes the default style for Google Maps

🚗Choose the map type:

  1. You can choose from four (4) map types: road map, satellite, terrain and hybrid
  2. Each map type works with the themes (although you won't always see the difference with Satellite mode)

📸 Choose hi-fidelity maps:

  1. Choose the "Detailed View" option to have higher-quality maps, with more detail on them (e.g. road names, street names, etc)

🤔 More:

  1. You will always see a preview of what your map will look like before you insert it
  2. You can use your mouse to drag the map around
  3. The search has autocomplete to help you find the right spot
  4. This plugin will remember what you last searched for and your settings so that each time you open it up, you'll be right where you left off

🔗 References:

  1. Some of themes and styles come from the open source project Snazzy Maps: https://snazzymaps.com/

🛟 Feedback:

  1. We'd love any ideas or questions you have: feedback@berryplugins.com
  2. Leave a comment if you want to tell people how great this plugin is

🎉🎉🎉

Changelog

What's new

Version 41 · released Dec 24, 2024

  • Bug fix
Trust

Permissions and privacy

Network access

Google Maps can only connect to the 8 domains declared in its manifest: *.amazonaws.com/, *.berryplugins.com/, *.cloudfront.net/, *.googleapis.com/, *.gstatic.com/, *.gumroad.com/, *.mixpanel.com/ and *.sentry.io/.

  • *.amazonaws.com/
  • *.berryplugins.com/
  • *.cloudfront.net/
  • *.googleapis.com/
  • *.gstatic.com/
  • *.gumroad.com/
  • *.mixpanel.com/
  • *.sentry.io/

Extra permissions

  • Reads your Figma name and avatar

Read from the plugin's published manifest.

Rankings

Where Google Maps ranks

Compare

Google Maps alternatives

  1. 1

    maps.to.design

    by divRIOTS

    516K users3.3KFree

    Make Customized Map Blazing Fast

  2. 2

    Vector Map Maker

    by MapCrate Developer

    58K users448Free

    Import OpenStreeMap as customizable vector layers

  3. 3

    Map Chart

    by Genuine Impact

    28K users86Free + paid features
  4. 4

    GMap

    by Dživo Jelić

    25K users104Free

    Effortlessly Create Captivating Map Images

  5. 5

    MapMaker

    by Adee Labs

    21K users83Free

    Simple map maker for your figma projects

  6. 6

    Placemark

    by Tom MacWright

    18K users274Free

    Free vector street maps

FAQ

Google Maps FAQ

What does Google Maps do?

Add a Google Map to your pages in 2 easy clicks :). It's a Figma plugin by Berry that runs in Figma Design and FigJam.

Is Google Maps free?

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

Is Google Maps safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Google Maps can only connect to the 8 domains declared in its manifest: *.amazonaws.com/, *.berryplugins.com/, *.cloudfront.net/, *.googleapis.com/, *.gstatic.com/, *.gumroad.com/, *.mixpanel.com/ and *.sentry.io/. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Google Maps?

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 Google Maps?

By user count, the closest alternatives are maps.to.design, Vector Map Maker and Map Chart. Compare all of them on the best Figma plugins for maps.

For developers

Built this plugin?

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

Google Maps on figmaplugins.co

Style

Label

Size

Code

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