/AdobeXD-Workshop

The general template for STC Workshop and Talk documentation

STC's ADOBE XD WORKSHOP

Welcome to 🥳!

Here, we will learn about

Before we jump straight into the workshops, allow me to introduce ourself, do watch this short 1 minute video to know more 🎇!

intro video

Without further ado, let's get started!


Table of content 📄

  1. What Is UI / UX?
  2. What is Adobe XD
  3. Why Adobe xD?
  4. Installation
  5. Hands-on Websites, Mobile, Voice and games

Screen

What is UI/UX?

“User experience (UX) is the interaction and experience users have with a product... User interface (UI) is the specific asset users interact with. For example, UI can deal with traditional concepts like design elements of a product. (C)

What Is Adobe XD?

Adobe XD is a vector-based user experience design tool for web apps and mobile apps, developed and published by Adobe Inc. It is available for macOS and Windows, although there are versions for iOS and Android to help preview the result of work directly on mobile devices. With Adobe XD, you get one powerful tool for your whole UI/UX design process. Create user flows, wireframes, high-fidelity designs, interactive prototypes, animations, and more.

Why Adobe XD? (Benefits)

Prototyping - UX Designing - UI Development - PlugIns

Installation

Link - https://www.adobe.com/sea/products/xd.html

Awesome Open Source Plugins

Utility Libraries

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

Resources

Complete guide to creating mobile app wireframes https://xd.adobe.com/ideas/process/wireframing/guide-to-creating-mobile-app-wireframes/

Free resources, UI kits, icon sets, plugins https://www.adobe.com/sea/products/xd/resources.html

Create scrollable artboards https://helpx.adobe.com/xd/help/create-scrollable-artboards.html

Blogs and Aggregation

Videos

Downloads

Learning Tutorials

https://letsxd.com/

https://www.mockplus.com/blog/post/adobe-xd-tutorial

https://adobexdplatform.com/plugin-docs/design/

Assets

  • XD Awesome logo – This repo's logo is itself an open source project by our community, created in XD

Forums

News & Blogs

(Note: I do not own any of these resources. All these resources have been crowdsourced.)