Xd Awesome Save

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 pluginData to store messages, removing the need for an external server. Code features TypeScript, React, Cypress tests, and more :wink: 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