Figma plugin#3 in Maps

Google Maps

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

by Berry

users
249K
likes
1K
saves
19K
comments
8
FreeWorks inFigma DesignFigJam
Price
Free
Latest version
v39 · May 26, 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 249,197 users and 1,003 likes on the Figma Community. It ranks #3 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 39 · released May 26, 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

    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

    Localy

    by ARI

    173K users343Free + paid features
  4. 4

    Vector Maps

    by Arseny Novikov

    134K users880Free
  5. 5

    Vector Map Maker

    by MapCrate Developer

    60K users463Free

    Import OpenStreeMap as customizable vector layers

  6. 6

    Globe 3D

    by Sonny Lazuardi

    44K users338Free
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, Figmap and Localy. 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>

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