0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#6 in Annotations

Annotate it!

Annotate it! makes it easy to annotate your wireframes and/or designs the smart way.

by Sonali Agrawal

users
65K
likes
1.2K
saves
24K
comments
144
Free + $8/mo upgradeWorks inFigma Design
Price
Free + $8/mo upgrade
Latest version
v27 · Jul 18, 2023
First published
Jun 30, 2020
Features

What Annotate it! does

Summarised from Sonali Agrawal's description on the Figma Community.

  • Bold

    _Italics_

  • Underlined

    ~Strikethrough~

  • Click the “+” button

    To delete annotations from other frame(s):

  • Limitations

    The current version of the plugin does not yet support:

  • For more info

    https://annotate-it.co

  • Manifest

    2 quick actions

    Run from the Actions menu (Cmd/Ctrl + K): Edit Annotations, Edit this Annotation.

On this page
Overview

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.

Changelog

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

  • Reads your Figma name and avatar
  • Can offer paid features through Figma's checkout

Read from the plugin's published manifest.

Rankings

Where Annotate it! ranks

Compare

Annotate it! alternatives

  1. 1

    Measure

    by Philip

    161K users3.3KFree

    Add measurement lines and additional helpful information to your designs

  2. 2

    Sticky Notes

    by Alex Widua

    156K users473Free
  3. 3

    Redlines

    by Danny Keane

    143K users3.8KFree
  4. 4

    DesignDoc [Spectral]

    by Marka Plugin Dev

    141K users3.2KFree

    📐 Effortlessly hand off your Figma designs to the development team

  5. 5

    Specs Classic

    by Directed Edges Plugins

    139K users5.6KFree + $8/mo upgrade

    Generate component specs including anatomy, props and layout & spacing

  6. 6

    Sticky Notes

    by Michael Le

    57K users194Free
FAQ

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.

For developers

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.

Annotate it! on figmaplugins.co

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>