About Include
Include is a free Figma plugin published by Zhang, Darren in 2023. It works in Figma Design and Dev Mode and has 24,502 users and 1,678 likes on the Figma Community. It ranks #16 in Annotations and #16 in Accessibility on our lists.
In the developer's words
Include is a tool built to make annotating for accessibility (a11y) easier—easier for designers to spec requirements and easier for developers to understand and implement them. The intent is to have accessibility considerations included from the design phase through implementation, and to help with the designer-developer collaboration. Ultimately creating digital experiences that anybody can use!
Brought to you by members of the accessibility and design teams at eBay. If you have any questions, suggestions, or issues to report, we’d love to hear from you—send us feedback.
To learn how to use Include, please visit our tutorials page.
Features
- Step-by-step guide for web and native annotations
- Landmarks—selection from pre-defined categories, intuitive labelling (web)
- Focus grouping—annotating blocks of content for each swipe (native)
- Headings—selection from pre-defined set / no levels for native, plugin shows basic errors (web/native)
- Reading order—guidance and arrow placement (web/native)
- Touch target—annotating touch targets and checking their size and spacing (web/native)
- Alternative text—automatic detection of images in a selected frame (web/native)
- Contrast—automatic detection of text color contrast issues (web/native)
- Text resizing—guidance for dynamic text and self-check (web/native)
- Responsive reflow—guidance and basic acknowledgement check (web)
- Complex gestures—selection from pre-defined categories (native)
- Color—view your designs simulating different color deficiencies (web/native)
- Dev Mode—review annotations with implementation and testing guidance
How to use
Design Mode:Select a top-level frame for checking accessibility and simply run the checker. Move between sections, save, and come back at any time.
Dev Mode: Open Include to review existing accessibility annotations and get implementation and testing guidance.
Plugin Codebase
The code that powers this plugin is published as an open source project on Github. We welcome contributions, questions, and feature requests.
What's new
Version 15 · released Feb 4, 2025
- Features:
- updated annotation key to new style/content (legacy handling, on Plugin open, scans for all old Annotation keys and updates to new look)
- updated touch target overlay color to be #009391
- added ability to remove alt text annotations, thank you Gert-Jan!
- added step tips that point to our new Design System Playbook (https://playbook.ebay.com/foundations/accessibility/include-plugin)
- Bug fixes:
- fix manual image issue with alt text being reset, thank you Gert-Jan!
- issue when adding a landmark that required a label, even when the user added a label, it was not letting you save
- Open source release notes here: https://github.com/eBay/figma-include-accessibility-annotations/releases/tag/v15
Permissions and privacy
Network access
Include can only connect to the domain declared in its manifest: include-analytics.ebaydesign.tech.
- include-analytics.ebaydesign.tech
Extra permissions
- Reads your Figma name and avatar
Read from the plugin's published manifest.
Where Include ranks
Include 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
Annotate it!
by Sonali Agrawal
65K users1.2KFree + $8/mo upgradeAnnotate it! makes it easy to annotate your wireframes and/or designs the smart way.
Include FAQ
What does Include do?
Create a11y annotations including landmarks, headings, alt text, reading order, contrast, and more. It's a Figma plugin by Zhang, Darren that runs in Figma Design and Dev Mode.
Is Include free?
Yes. Include is free to install and run from the Figma Community, with no paid tier listed.
Is Include safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Include can only connect to the domain declared in its manifest: include-analytics.ebaydesign.tech. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Include?
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 Include?
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 Include: 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/include/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Include on figmaplugins.co" width="220" height="48"></a>Want it featured on figmaplugins.co? Submit it for review