Coder Social home page Coder Social logo

xd-awesome's People

Contributors

ashryanbeats avatar ashwinvalento avatar boopeshmahendran avatar dkstevekwak avatar kerrishotts avatar macintoshhelper avatar nikoladev avatar pklaschka avatar realvjy avatar rodi01 avatar rohit-rmethwani avatar rpradosilva avatar satriaajiputra avatar svschannak avatar wojciechbanas avatar yoshikinoko avatar zaaack avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

xd-awesome's Issues

Awesome-like logo idea

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 ๐Ÿ˜„)


svg-image-from-gist

xd-plugin-boilerplate

Submit your project for inclusion in XD-Awesome

Hey! We're happy you want to submit your project to XD-Awesome. Please ensure that you use the following template:

xd-plugin-boilerplate (Adobe XD plugin boilerplate)

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

Why is it awesome?

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

Topics for XD Awesome list

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

Meta-Request (not to include something, but about the list itself)

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

  1. enhance the visibility of the list (since other repositories would link to the list by having such a badge in their README.md)
  2. Encourage developers to develop and submit more open-source projects to the list, since โ€“ let's be honest โ€“ who wouldn't want to have a repo with a "featured in awesome list" badge belonging to him/her ๐Ÿ˜‰

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.

Artboard Plus

Artboard Plus

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

Why is it awesome?

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.

Add AdobeXD/typings to the list

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

Pull request template is slightly off base

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:

  1. Update the pull request template to include the info from the issue template
  2. Reconsider what the issue template (and issues in general) on this repo are used for
  3. Make sure it's clear to developers how to submit for inclusion

If we go with issues, a slight variation of the above is in order.

Storage helper

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

Utility library: xd-localization-helper (MIT-Licensed)

Submit your project for inclusion in XD-Awesome

Hey! We're happy you want to submit your project to XD-Awesome. Please ensure that you use the following template:

xd-localization-helper

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

Why is it awesome?

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.

Add xd-json-wrapper to Utility Libraries

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:

getXDWrapper

This wrapper wraps any node object on an artboard and makes it suitable for json. It also returns all parent elements.

Example

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

getArtboardAsJSON

This wrapper wraps any artboard object and makes it suitable for json. It als returns all children nodes.

Example

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

getDocumentAsJSON

This wrapper wraps the complete XD document and returns a list of all artboards and their childrend nodes.

Example

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

xdpm webpack plugin

Submit your project for inclusion in XD-Awesome

Hey! We're happy you want to submit your project to XD-Awesome. Please ensure that you use the following template:

xdpm-webpack-plugin

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

Why is it awesome?

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

XD Starter Template project with live reload, types, and prettier

Submit your project for inclusion in XD-Awesome

Hey! We're happy you want to submit your project to XD-Awesome. Please ensure that you use the following template:

Name of your project or content

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

Why is it awesome?

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.

uiLogos - XD plugin

Submitting uiLogos for inclusion in XD-Awesome

uiLogos

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

Why is it awesome?

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

Add `xdpm` to the list

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 ๐Ÿ˜‰).

Wireframe Print Template

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.