On this page
About Annotate it!
Annotate it! is a free Figma plugin with a paid upgrade ($8/mo) published by Sonali Agrawal in 2020. It works in Figma Design and has 65,005 users and 1,178 likes on the Figma Community. It ranks #6 in Annotations and #10 in Wireframing on our lists.
In the developer's words
Annotate it! makes it easy to annotate your wireframes and/or designs the smart way. Simply select a frame and click Add New to create annotations automagically.
- Select individual frames (Supports Sections)
- 🎉 Toggle annotations visibility per page 🎉
- Rename frames (only in the plugin)
- Drag to reorder
- Markdown text for smart formatting
- Smart annotation marker placement
- Assign a color for various intents
- Change the size of the markers to your needs
- Update, Edit, Delete annotations and Annotate it! reorders your annotations automatically
We are now on Discord...join us at:
https://discord.gg/PmFJGPjMDw
—
How does it work?
- Select a frame on your Figma page or a frame inside a section to add annotation to.
- Click Create annotation button to add an annotation to the selected frame.
- Select a color for your marker if you’d like to create annotations for different purposes.
- Click on the delete button to delete an annotation (the numbers will update auto-magically).
- You can also use markdown for formatting your annotation description:
Bold
_Italics_
Underlined
~Strikethrough~
Links
- Unordered List
1. Ordered List
--- Divider
- Click on the edit button to rename your frame group (does not rename the original frame name)
- To create annotations on other frame(s):
Select another frame on your Figma page
Click the “+” button
- To delete annotations from other frame(s):
Select the frame group from the plugin
Click the “trash” button to delete all the annotations
from that frame (this action cannot be undone)
- To hide annotations from a page: Click on the hide button (next to Frames title in the sidebar)
- To show hidden annotations on a page: Click on the show button (next to the show button)
—
Limitations
The current version of the plugin does not yet support:
- Better link integration
The Plugin was Crafted & Designed by @sonaliagrawal, and Developed by @madebyfabian.
For more info
https://annotate-it.co
—
If you have any ideas for features, issues or perhaps ways to improve the plugin, we would love to hear from you via the Feedback Button inside the Plugin, via Twitter (@sonaliagrawal), or via Email (support@annotate-it.co).
Made with ♥ in Dallas, Texas & Nuremberg, Germany.
What's new
Version 27 · released Jul 18, 2023
- Combined contact form and discord info in one screen to reduce the UI clutter due to floating buttons
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
- Reads your Figma name and avatar
- Can offer paid features through Figma's checkout
Read from the plugin's published manifest.
Where Annotate it! ranks
Annotate it! alternatives
- 1

Measure
by Philip
161K users3.3KFreeAdd measurement lines and additional helpful information to your designs
- 2

Sticky Notes
by Alex Widua
156K users473Free - 3

Redlines
by Danny Keane
143K users3.8KFree - 4

DesignDoc [Spectral]
by Marka Plugin Dev
141K users3.2KFree📐 Effortlessly hand off your Figma designs to the development team
- 5

Specs Classic
by Directed Edges Plugins
139K users5.6KFree + $8/mo upgradeGenerate component specs including anatomy, props and layout & spacing
- 6

Sticky Notes
by Michael Le
57K users194Free
Annotate it! FAQ
What does Annotate it! do?
Annotate it! makes it easy to annotate your wireframes and/or designs the smart way. It's a Figma plugin by Sonali Agrawal that runs in Figma Design.
Is Annotate it! free?
Partly. Annotate it! is free to install and use, and a paid upgrade on the Figma Community ($8/mo) unlocks the rest.
How do I install Annotate it!?
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 Annotate it!?
By user count, the closest alternatives are Measure, Sticky Notes by Alex Widua and Redlines. Compare all of them on the best Figma plugins for annotations.
Built this plugin?
Use this page as a landing page for Annotate it!: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/annotate-it/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Annotate it! on figmaplugins.co" width="220" height="48"></a>