How Do I Import a Google Map Into Figma?

Google maps are a great way to share locations visually with others and help them get around. But, if you need to use a Google map inside of your design project, you may be wondering how to import it into Figma.

Luckily, it’s actually quite easy and can be done in just a few steps.

Step 1: Download the Google map you want to use as an image. If you’re using the Chrome browser, right-click on the map and choose “Save image as” from the menu. You’ll then be able to save the file in various formats such as JPEG or PNG.

Step 2: Open your Figma project and select “File” > “Import” from the top menu bar. Select your saved image file and click “Open”.

Step 3: Once your image is imported, select it in the Layers panel and click the “Objects” tab at the top of the panel. Here you can choose to set it as a rectangle or crop it into any other shape you like.

Step 4: To make sure that your imported Google map will look good on all devices, resize it using either relative or absolute measurements. This can be done by selecting “Resize” from the Objects tab or by manually entering values for width and height.

Step 5: Finally, add any additional styling such as color, shadow or border if desired. This can also be done via the Objects tab.

And that’s it! You’ve successfully imported a Google map into Figma and now have complete control over its look and feel in your designs.


In summary, importing a Google Map into Figma is easy and only requires five simple steps: downloading an image of your desired map; importing this image into Figma; cropping it into any shape; resizing it for different devices; and adding additional styling elements such as color, shadow or border if desired. Following these steps will ensure that you have complete control over how your imported Google Map looks in your design project.