0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Sitemap

by Fabien

users
55K
likes
751
saves
22K
comments
28
FreeWorks inFigma DesignFigJam
Price
Free
Latest version
v50 · Feb 17, 2021
First published
Mar 8, 2020
Publisher
Fabien
Features

What Sitemap does

Summarised from Fabien's description on the Figma Community.

  • type/paste your site url

  • click on "Create Map"

  • a Sitemap is displayed on your main canvas, listing all links found in the html source of

  • for further exploration

    select a group with a link, and click on "Create map" again.

  • Links that are found on both pages are shown with a reduced opacity, so you…

  • you can sort urls alphabetically or by url length

  • you can choose to only display links that contain a specific word/url (using "Contains..")

  • .. or you can exclude links based on a word/url (using "Without..")

  • you can also search for specific word/url (by selecting one or multiple…

  • not necessary, but I suggest you choose an empty page, with a background color…

  • you can automatically display screenshots of the given urls

  • to do so, this plugin uses free api API Flash

  • Manifest

    Sitemap

    A quick action you can run from the Actions menu (Cmd/Ctrl + K).

On this page
Overview

About Sitemap

Sitemap is a free Figma plugin published by Fabien in 2020. It works in Figma Design and FigJam and has 54,899 users and 751 likes on the Figma Community. It ranks #12 in Flowcharts & User Flows on our lists.

In the developer's words

Create maps of your site. Crawl links. Recursive & fast.

________

🌐 How does it work ?

• type/paste your site url

• click on "Create Map"

• a Sitemap is displayed on your main canvas, listing all links found in the html source of

• for further exploration : select a group with a link, and click on "Create map" again. A new map is then created, with all the links found in this new page.

• Links that are found on both pages are shown with a reduced opacity, so you can easily spot "new" links, that are present only on the sub page.

________

🧰 Options

• you can sort urls alphabetically or by url length

• you can choose to only display links that contain a specific word/url (using "Contains..")

• .. or you can exclude links based on a word/url (using "Without..")

• you can also search for specific word/url (by selecting one or multiple frames, typing the word then click "search")

• not necessary, but I suggest you choose an empty page, with a background color set to #3C6DD3, when you use this plugin

________

📸 Screenshots (option)

• you can automatically display screenshots of the given urls

• to do so, this plugin uses free api API Flash

• please note that I am not affiliated with API Flash

In order to use the screenshot option, you will need to get a free account on https://apiflash.com/ (free up to 100 screenshots per month). Then, just paste your API key inside the right input, then select "With screenshots"

________

🗒️ Notes

This plugin is a WIP. Besides, it may not be as efficient as dedicated SEO tools, but can be useful (I hope!) to get a quick view of how your site is organised. If you find bugs, or if you find this plugin usefull and have suggestions on how to improve it, please feel free to contact me.

NB : this plugin uses cors-anywhere.herokuapp.com, which can sometimes affect its responsiveness.

Changelog

What's new

Version 50 · released Feb 17, 2021

The developer didn't publish release notes for this version.

Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

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

Read from the plugin's published manifest.

Rankings

Where Sitemap ranks

Compare

Sitemap alternatives

  1. 1

    Autoflow

    by David Zhao

    1.1M users14KFree + $39 upgrade

    Automagically draw flow arrows! Create user flows and diagrams in a hand-drawn or minimalist style.

  2. 2

    Arrow Connector

    by Chenmu Wu

    220K users2.2KFree

    Draw connectors that updates automatically. Free forever!

  3. 3

    Flowkit

    by MDS

    166K users1.2KFree + paid features

    The fastest and easiest way to create user flows

  4. 4

    Draw Connector

    by Yuan Qing Lim

    129K users1.3KFree + $39 upgrade

    Draw perfect orthogonal connectors between layers

  5. 5

    Flow chart

    by Jianping · LiYu · Yufei

    117K users1.1KFree

    1. Link to any content(连接任意内容) 2. Draw a flowchart(绘制流程图)

  6. 6

    Simpleflow

    by Lichin

    113K users1.9KFree + $10 upgrade

    🪄 Create flowcharts in Figma with native FigJam connectors — stay perfectly in sync as you design!

FAQ

Sitemap FAQ

What does Sitemap do?

It's a Figma plugin by Fabien that runs in Figma Design and FigJam.

Is Sitemap free?

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

How do I install Sitemap?

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 Sitemap?

By user count, the closest alternatives are Autoflow, Arrow Connector and Flowkit. Compare all of them on the best Figma plugins for flowcharts & user flows.

For developers

Built this plugin?

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

Sitemap on figmaplugins.co

Style

Label

Size

Code

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