adobexd / xd-awesome Goto Github PK
View Code? Open in Web Editor NEWAwesome community-created resources for extending Adobe XD
License: MIT License
Awesome community-created resources for extending Adobe XD
License: MIT License
All awesome lists that I know have got an awesome-style logo (or awesome badge at least)
So I tried to make something simple (in XD of course ๐)
Hey! We're happy you want to submit your project to XD-Awesome. Please ensure that you use the following template:
Description of your project: A boilerplate with preconfigured ESLint, typings for autocompletion and Webpack (to support npm modules) for plugins.
Link to your project: https://github.com/pklaschka/xd-plugin-boilerplate
License: MIT
Category: Templates
It is an inspired by, but slightly optimized version of the template I use for my plugins. Additionally, with Webpack, ESLint and the typings (for JS autocompletion) being preconfigured, it has all the basic things that I (from my personal experience) find useful during plugin development. Though it is a bit similar to the one from #22, it is a bit more "light-weight" (with fewer dependencies), leaving a few more choices up to the developer, and therefore shouldn't be seen as a competitor, but merely as an alternative which leaves every developer the choice of which style he/she prefers.
Last, but not least, since I'm also the developer of the typescript definitions (https://github.com/AdobeXD/typings), autocompletion is where the template scores. It will always be kept up to date (when I update the typings, I update the template) and focuses on having a good autocompletion configured out of the box (with instructions regarding the different IDEs supported by the definitions etc.).
I suggest adding topics to the repository, so there will be a higher chance that GitHub users will find out this repository.
Suggested topics:
awesome-list
awesome
adobe-xd
unicorns
lists
resources
I would like to add my small helper library, that i will extend in the next weeks and where I love to integrate helpers from other devs too. For now it has a helper to add error hints to nodes on an artboard. It has MIT-License and is available here: https://github.com/svschannak/xd-plugin-helper
I think it might be useful (and cool โ I won't pretend that this is completely selfless ๐) to have some sort of badge ("mentioned in the xd-awesome list") for the list. This would
Getting serious again, other lists use a "central" badge: https://github.com/sindresorhus/awesome/blob/master/awesome.md#awesome-mentioned-badge
However, xd-awesome doesn't fit the "default" naming scheme of such lists (awesome [list name]
), which is why it could be useful to use an own badge (than also featuring the awesome list name, the "correct" colors โ like in the list's logo etc.)
I'm just putting this out here as an idea, but if it gets "implemented", I'd suggest creating the badge as SVG, putting it into this repo (e.g., as mentioned-badge.svg
) so that projects could use
[![Mentioned in xd-awesome](https://github.com/AdobeXD/xd-awesome/raw/master/mentioned-badge.svg)](https://github.com/AdobeXD/xd-awesome)
to include the badge.
Description of your project: Artboard tools to speed up your Adobe XD workflow.
Link to your project: https://github.com/rodi01/Artboard-Plus-XD
License: MIT
Category: Plugins
As a designer, one of the most daunting things is to keep everything organized, that's why I created Artboard Plus. Hopefully this plugin will help designers speed up their workflow.
Being the creator, I may be a bit biased. However, I find the typescript definitions (https://github.com/AdobeXD/typings) extremely useful for developing plugins since they also add autocompletion features when programming (especially making it easier when one isn't very familiar with the APIs, yet). Therefore, I'd suggest adding it to the list (although I'm not quite sure which category to put them in).
We should decide (and message clearly) if we want submissions to this repo in the form of issues or PRs. My vote is for PRs.
If we go with PRs, let's do the following:
If we go with issues, a slight variation of the above is in order.
I've open-sourced my storage helper, a small library making it easy to store and retrieve key-value-pair settings in plugins for Adobe XD. Since I used it in my plugins (and found it to be useful), I'd propose (again, something I created, so I may be a bit biased here โ I have used it when building my plugins, however ๐) to add it in the category 'Utility Libraries'.
The repo is MIT-licensed and can be found here: https://github.com/pklaschka/xd-storage-helper
Hey! We're happy you want to submit your project to XD-Awesome. Please ensure that you use the following template:
Description of your project: A small helper library making it easier for developers to add localization (for dialogs) to their plugins
Link to your project: https://github.com/pklaschka/xd-localization-helper
License: MIT
Category: Utility Libraries
It makes internationalization extremely easy (also allowing the usage of editors like BabelEdit to manage many translations) and is as similar as it can be to the localization inside a manifest.json
(having a default string, ISO 639-1 language codes etc.)
Also, it is very easy to integrate since it only requires copying one file or (if one uses npm) running npm i xd-localization-helper
๐
Last, but not least, it allows configuration of the localization to โ e.g. โ force a certain language to be used if it's set in a plugin's preferences, making it easy to adjust to fit a plugin's needs.
This is an issue regarding:
Possible official resources that may be helpful
Until now there is no easy way to use JSON.stringify()
on nodes, artboards or the rootDocument. This library will change this behaviour with its wrapper classes.
You can use them the following way:
This wrapper wraps any node object on an artboard and makes it suitable for json. It also returns all parent elements.
import { getXDWrapper } = "xd-json-wrapper";
const node = // use an actual node from an artboard in XD here
const wrappedNode = getXDWrapper(node);
const json = wrappedNode.toJSON();
// or
JSON.stringify(wrappedNode);
This wrapper wraps any artboard object and makes it suitable for json. It als returns all children nodes.
import { getArtboardAsJSON } = "xd-json-wrapper";
const artboard = // use an actual node from an artboard in XD here
const wrappedArtboard = getArtboardAsJSON(artboard);
const json = wrappedArtboard.toJSON();
// or
JSON.stringify(wrappedArtboard);
This wrapper wraps the complete XD document and returns a list of all artboards and their childrend nodes.
import { getDocumentAsJSON } = "xd-json-wrapper";
const documentRoot = // use an actual node from an artboard in XD here
const wrappedArtboard = getDocumentAsJSON(documentRoot);
const json = documentRoot.toJSON();
// or
JSON.stringify(documentRoot);
Hey! We're happy you want to submit your project to XD-Awesome. Please ensure that you use the following template:
Description of your project:
On webpack build xd plugins are automatically synced to adobe xd development folder via xdpm
Link to your project: the link to your project or content
https://github.com/tato123/xdpm-webpack-plugin
License: the license of your project or content (must be open source)
MIT
Category: the category you want the project listed under
Developer tools
Improves developer efficiency, with this plugin you can save a file and while running webpack --watch
Adobe XD is always in sync with the latest version of the code
Hey! We're happy you want to submit your project to XD-Awesome. Please ensure that you use the following template:
xd-starter-template
Description of your project: A short description of your project or content
XD Template project is a cloneable javascript starter template. It provides a custom webpack plugin and comes pre-paged with support for types and typescript. The custom webpack plugin uses xdpm under the hood to provide live reload. It also includes prettier to ensure code is consistently styled.
Link to your project: the link to your project or content
https://github.com/tato123/xd-template-project
License: the license of your project or content (must be open source)
MIT
Category: the category you want the project listed under
Template
Tell us a little more about your project and why it would be great for inclusion in XD-Awesome.
It comes pre-packaged with everything you need to get started building an xd plugin in less than a couple minutes and immediately start seeing changes.
Now you can quickly place dummy logos into Adobe XD. Plugin have more than 25+ professionally designed logos.
I'm very happy to announce initial version of this plugin for Adobe XD- uiLogos.
Link to your project: https://github.com/realvjy/uilogos-XD
License: MIT
Category: data
Sometime we all need professional logo as placeholder, and don't have time to create some dummy logos. uiLogos will solve this problem and you can directly insert logos in your mockup
I honestly don't even know what to write here. Since xdpm
(https://github.com/AdobeXD/xdpm) is a repo in the AdobeXD GitHub organization, is an incredibly valuable tool for plugin developers and fits the category 'Developer Tools' perfectly, I think it is a must-have in this list (also, I don't feel as bad creating another proposal for one of my libraries if something else gets added to the list, as well ๐).
Hello, Been using Adobe XD for the past 7 months and I'm loving it. I'd love to start contributing to its development. I'd like to start by adding a Wireframes template for paper prototyping. I'm planning to create a few utility plugins in the future.
All of the github links with paolobiagini name are gone due to 404.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.