How Do You Make an Interactive Map in Figma?

Using Figma to create interactive maps can be a great way to help visualize data, create engaging presentations, and even aid in the development of apps. With intuitive tools and features, Figma can help you quickly create interactive maps that are visually appealing. Here are the steps you need to take to create an interactive map in Figma.

Step 1: Create a New File

To get started, open up Figma and select “New File.” Give your file a name and choose “Interactive Map” as the type. This will give you access to all of the tools needed for creating an interactive map.

Step 2: Select Your Map Style

Once your file is created, select “Map Style” from the left-hand menu. Here you can choose from a variety of styles such as satellite or road maps as well as custom styles. Choose the one that best suits your needs.

Step 3: Add Data Layers

The next step is to add data layers to your map. You can do this by selecting “Data Layers” from the left-hand menu. Here you will be able to add information such as boundaries, cities, roads, or any other data points that you would like displayed on your map.

Step 4: Customize Your Map

After adding data layers, it’s time to customize your map. You can do this by selecting “Customize” from the left-hand menu.

Here you can change colors, fonts, labels and more to give your map its own unique look.

Step 5: Publish Your Map

Now that your map is complete, it’s time to publish it so others can view it. To do this select “Publish” from the left-hand menu and follow the instructions provided by Figma.



Creating an interactive map in Figma is a straightforward process that requires just a few steps. With intuitive features like customizable styles and data layers, anyone with basic knowledge of design software can quickly create an interactive map with ease.