Giter Club home page Giter Club logo

eos-icons-adobe-xd's Introduction

eos-icons-adobe-xd

An Adobe XD plugin to use all of EOS-icons from within the application

build-run License: MIT codecov

Guidelines to run the Plugin Locally

Below are the steps to get your plugin running

The plugin uses NPM in creating JavaScript applications.

First, download Node.js which comes with NPM. This will allow you to various libraries. You can find the download link here:

https://nodejs.org/en/download/

  • Clone the repo in the folder of your choice.
  • Run npm i and npm run watch.
  • Install Adobe UXP Developer Tool .
  • Open Adobe XD and open a document.
  • Open UXP Developer Tool.
  • Click Add Existing Plugin.
  • Add the manifest.json from the dist folder.
  • Click on 3 dot icon and select Load.
  • Go back to Adobe XD and try it out! :)

Keeping up with the Test Files

To make sure the test files are working correctly after the latest changes, run the following command: npm test

Check Linting Errors

Run the following command to check if there are any linting errors: npm run lint or npx eslint .

JS and CSS Quality Assurance

Before submitting a PR/MR make sure your code is compliant with our JS and CSS rules by running: npm run checkFormat and npx prettier --check .

If you encounter any deploy error in JS try fixing it by running npx prettier --write .

FAQs

  1. Some icons get distorted. Is it the plugin fault?

Ans. No, follow this and this. Workaround: Toggle Responsive Resize before resizing those icons.

If it doesn't help, then:

  • Delete it.
  • Paste again.
  • Switch off Responsive Resize.
  • Resize now.

Semantic Release

Semantic Release helps in automating the whole package release workflow. semantic-release uses the commit messages to determine the consumer impact of changes in the codebase.

To commit a release follow the link: https://github.com/EOS-uiux-Solutions/wiki/blob/main/Semantic-Releases.md

eos-icons-adobe-xd's People

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.