Awesome XD Plugins, Templates, Samples, and more.
Awesome Open Source Plugins
- Rename It by Rodrigo Soares - Batch renames layers and artboards. More information
- Data Populator by Precious - Design with real data! More information
- Copy SVG Code by Charlie Hield - Plugin to generate SVG code from selection.
- Artboard Plus by Rodrigo Soares - Artboard tools to speed up your Adobe XD workflow.
- Inker8 by Zack Young - Export artboards to a spec file for developers to measure design, copy css/text and export icons.
- uiLogos by vijay verma - Insert professionally designed dummy logos of companies and 190+ country flags.
- Tunda Image by Satria Aji Putra - Quick fill image to a shape from direct image url
- Export only one size by Nikola Pilipović - Export at the scale you need and ONLY at the scale you need.
- Maps generator by Boopesh Mahendran - A map generator plugin for Adobe XD using google maps API.
- Ready Components by Rohit Methwani - A plugin for generating generally used components for Mobile UI with command clicks.
- Color Desginer by Wojciech BanaÅ› - Build a color palette, generate shades and tints directly in Adobe XD.
- Lorem Ipsum by Pablo Klaschka - A small plugin to insert placeholder text that fits your needs: As simple as you want it to be, yet as advanced as you need it to be… More information
- Favicon Export by Ash Ryan Arnwine - Export icons for your website.
- XD to Flutter by Adobe - Generate assets from XD for use in an existing Flutter project.
- Document Chat by Pablo Klaschka - Chat plugin that uses the root node's
pluginDatato store messages, removing the need for an external server. Code features TypeScript, React, Cypress tests, and more😉 More information
Utility Libraries
- xd-storage-helper – A small helper library making key-value-based permanent storage for plugins easy
- xd-plugin-helper - Collection of helpers for development
- xd-json-wrapper - Wrapper for XD Nodes, Artboards and document to convert to json
- xd-localization-helper - A library making localization for plugins for Adobe XD CC easy
- xd-dialog-helper - A library making creating modals/dialogs for plugins incredibly easy, including a WYSIWYG-editor. (Project homepage)
Developer Tools
- Typescript definitions – Adding autocompletion and type definitions
- xdpm - XD plugin manager CLI (useful for watching folders and creating plugin packages)
- xd-manifest-schema – A JSON schema to make editing and validating a plugin's
manifest.json(adding capabilities for autocompletion, linting etc. in editors and IDEs)
Templates
- xd-plugin-boilerplate – A template including bundling via Webpack, linting with ESLint as well as the typescript definitions preconfigured for JavaScript autocompletion
- xd-plugin-boilerplate-react – A fork of xd-plugin-boilerplate which includes React Library, Including Babel and necessary lint rules to create plugins with User Interface easily.
- generator-xd-plugin – Yeoman generator for creating Adobe XD Plugin projects
Miscellaneous/Others
- Adobe Xd E-tools by Rafael Prado - An extension to enable Adobe Xd prototype email tools. In a workflow where we used Adobe Xd as the primary way to validate prototypes, a gap was identified when it came to copying or remove guest emails.
Samples
Tutorials
Framework Support
- react-xd - Render React components to Adobe XD. Build design systems and libraries from your code. This bundles your React app or UI library into a plugin with xdpm.
Events
Assets
- XD Awesome logo – This repo's logo is itself an open source project by our community, created in XD
Contributing
-
To list your project in this repo, create a PR modifying this file with a link and description to the project you wish to add
-
If there is a signficant issue with any of the listings, create an issue so that we can temporarily remove the listing until the issue is resolved