Adobe XD Classes NYC | Learn Adobe XD for UX & UI Design

Learn Adobe XD Fundamentals for UI & UX Design

Adobe XD is a modern design app that was built with the specific needs of a modern web designer, UX designer, or app designer in mind. Unlike image editing programs such as Photoshop—which were originally created for print, photo retouching, or illustration—the entire focus of Adobe XD is on designing user interfaces and user experiences. You can craft the visuals and turn them into working prototypes all in a single app!

XD uses artboards, so you can efficiently design web layouts for mobile, tablet, and desktop (or screens for apps). It’s vector-based, so you can scale for a variety of screen sizes with ease, as well as export hi-res (Retina) graphics for the web or apps. You’ll find tools and features specifically relevant to UI (User Interface) design and UX (User Experience) design, such as symbols, repeat grids, built-in protyping tools, and much more.

If you want to learn Adobe XD in greater depth, you should check out our 12-hour Adobe XD Bootcamp.

Already know the basics of Adobe XD and want to take your skills to the next level? Check out our Adobe XD Advanced class.

Why Learn Adobe XD for Web & App Design?

With artboards and layout guides, you can design on popular grid systems (like Bootstrap), making it easier to design responsive webpages.
Turn your designs into clickable prototypes quickly and easily. You can create prototypes directly in XD and share them with users or developers.
Export specs to give your web developer so they can inspect a layout for size, colors, fonts, spacing, copy CSS code, and more—all from a web browser without having to own XD.
One of XD’s unique features is the repeat grid. This lets you quickly repeat a design component in columns and rows. You can then customize the content in each copy, while still being able to quickly update the design across all of them.

Learn the Skills Guarantee™

Hands-on training in small groups

Work on projects proven to boost retention
Time-tested curriculum and supporting materials

Refined over many cohorts for an optimal learning experience
Learn from industry experts with teaching experience

Experienced educators who are driven to help you succeed
Retake the course for free within one year

Refresh the materials and gain additional practice

Learn the concepts and skills covered in this course or your tuition is on us. See details and terms & conditions.

Made XD look so easy! Super informative, Great resources provided to practice as we learn. I loved this session!
— Timsy G.

What You’ll Learn

Use Adobe XD to create and optimize graphics for web and user interface design
Create wireframes and turn them into finished designs that are optimized for mobile, tablet, and desktop screens
Design on grids, extract image assets, create hi‑res 2x graphics, and more

Learn with Hands-on Projects

Learn practical skills by working on real projects with instructor guidance and lectures to strengthen and improve your skill.

Course Syllabus

Download Syllabus PDF

Section 1

Creating New Files & Designing on a Grid

Creating a new file
Setting up artboards
Importing text
Creating colored backgrounds for text

Adjusting the Layout for Tablets & Mobile Phones

Designing with Bootstrap’s grid
Adapting the design for tablets
Adapting the design for mobile phones

Importing & Cropping Photos

Importing photos & default scaling
Importing a photo as an image fill (crop a photo)
Rounding corners

Importing Vector Graphics, Color Swatches, Shadows, & More

Importing & modifying vector graphics
Aligning & distributing layers
Layer opacity vs. fill opacity
Reusing colors (color swatches)
Adding a drop shadow

Character Styles

Creating & Editing Character Styles

Section 2

Repeat Grids

Creating a Repeat Grid
Customizing the content
Adjusting the design

Symbols (Reusable Elements)

Creating & editing symbols
Overriding content in a symbol vs. globally updating all symbols
Detaching from a symbol
Symbols versus Repeat Grids

Turning a Design into a Clickable Prototype

Linking between artboards
Creating an overlay
Previewing the prototype
Making a recording of a prototype (Mac only)
Background blur

Exporting Assets for Web: SVG, JPEG, & PNG

Exporting individual assets
Exporting artboards

Sharing XD Files (For Review, Developers, etc.)

Sharing an XD file
Commenting on shared files
Pinning a comment
Updating an existing shared file
Sharing for Development

Schedule & Enrollment: Adobe XD in a Day

$350
6 Hours

NYC or Live Online
Free retake
Setup assistance
Expert instructors
Small classes

Discounts

Discounts

We don’t currently offer discounts as we do our best to affordably prices our courses.
Policies

Course times are listed in Eastern Time.

October 25

Monday, 10–5pm
- Mon
- Tue
- Wed
- Thu
- Fri
- Sat
- Sun
Enroll in this class

Tuition

As one of our smaller courses, tuition for this course is due in full before the start date. The best way to save on this course is to take it as part of a certificate program.

Full Tuition

$350
Due before the class starts

What’s Included

6 hours of hands-on instruction
Live, project-based training from experts
Proprietary workbook included
Retake for free within 1 year
Verified digital certificate of completion

What’s included with my tuition?
- A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement
- Expert instructors who are industry professionals and experienced educators that are driven to help you succeed
- Top-notch curricula that have been tried and tested over many cohorts and are consistently improved for an optimal learning experience
- Supplemental materials to assist both during and after the course - please refer to specific course pages to see what supplemental materials are offered
- A 1-year free retake policy which allows students to retake any part of the course or program for free to refresh the materials and gain additional practice
- A certificate of completion to verify your accomplishment
Are there any additional fees or expenses?

There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.

However, if you plan to take the course live online, you may need to obtain required software. We’ll help you get set up with a free trial of paid software prior to the class. Most of our coding classes utilize freely-available open-source software. For most of our design and motion graphics courses, we will help you get set up with a free trial of Adobe Creative Cloud. If you attend the course in-person, we will have a computer already set up for you with all of the required software for no additional cost.
Do you offer any discounts for this course?

Discounts

We don’t currently offer discounts as we do our best to affordably prices our courses.

This Course is Available in NYC or Live Online

On Campus in NYC

185 Madison Ave, NYC

Get face-to-face interaction with an instructor and other students when you learn at our NYC campus. Courses are hands-on with a computer and software provided.

Live, interactive class
Experienced instructor in the room with you
Computer and software provided
Free retake within one year

Instructor writing on markerboard in a classroom, while displaying code sample on screen

Students seated in computer classroom with workbooks, paying attention to instructor

Live Online

Remote, from anywhere

Get the same interactivity and access to the instructor as in-person students. There are no extra fees and we’ll work with you to ensure your remote setup is perfect.

Live, interactive class
Experienced instructor teaching over Zoom
Remote setup assistance provided
Free retake within one year

Online Training Demo

1-Minute Overview

Testimonials for Live Online Training

“Overall experience on Zoom was maybe even better than in IRL classroom because the instruction takes place right on your own screen, with less distraction. Great overall experience.”
“Given the fact that we had to do this entire class remotely due to Covid-19, I didn’t have very high expectations it would run so smoothly. However, I don’t think it could’ve gone any better. Not only do I feel very comfortable with the program now, but I’m actually excited to use it!”
“This was the first online class I’ve taken with ND and it was a great experience. Looking forward to the other classes I’ve signed up for!”

More about live online training

Frequently Asked Questions

Do I need to bring anything to the class?

No. We provide computers (Mac or PC) with Adobe XD installed. Choose your operating system at checkout.
Does this course require any prior knowledge or experience?

Students must be comfortable using a computer. No other prior knowledge is required.
Do you offer payment plans or student financing for this course?

This course does not qualify for payments plans or student financing. See our Payment Plan FAQ to find related programs that qualify.
Can I take this course online (remote learning)?
You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).

How does attending “live online” work?
- Students can attend this training remotely through screen sharing software (we use Zoom).
- Participants can hear the instruction, ask questions, and even share their screen with the instructor.
- For audio you can use your computer’s microphone/speakers or call a phone number that we’ll provide.
- Classes are activity-based and taught by a live instructor, so we strongly encourage students who are local to the area to attend in person!
- You will need your own computer and copy of any required software. If you don’t have the software, you can usually do a free trial or purchase your own license. If you need assistance, contact us at hello@nobledesktop.com

Corporate & Onsite Adobe XD Training

Purchase group class vouchers at a discount for our regularly-scheduled group classes in NYC, or create a custom training program at your offices.

Private Training

Available onsite at your location
Modern computer labs available at our offices
Customize or choose from our existing courses
Free instructor consultations to finalize content

Group Class Vouchers

Send employees to our group classes
Extensive offerings and flexible scheduling
Simple billing and logistics
Computers and training resources provided

Design the UI & UX of Websites & Apps

This one-day class will teach you the fundamentals of using Adobe XD to design the UI & UX of websites & apps. Learn these skills with step-by-step exercises in a small class led by a professional design instructor.

Hands-on Learning

“Noble Desktop has created some of the best hands-on learning materials available. I continue to be impressed with the "real life" exercises that they create for each course as a means of learning the intricacies of the programs they teach. I highly recommend Noble Desktop courses to anyone, from beginner to advanced, who wants to learn graphic design and animation programs.”
Joe Busse
Custom Workbook Included

Our Adobe XD class comes with a custom step-by-step training manual sold to universities and schools around the world. Recreate the class projects and refresh the materials anytime after the class.

Highly Reviewed by Our Alumni

From our hands-on training style to world-class instructors and proprietary curriculum, we deliver a learning experience our alumni can be proud of.

12 Students Rated Our Adobe XD in a Day 5 Stars

The Adobe XD class was a fun and educational day. Dan explains everything really clearly and it is a really exciting new program to learn. See how it compares to Sketch and other web design programs. Better to learn and understand all of them! Love the prototyping features and soon to come animation. I highly recommend the class to beginners or seasoned pros.

Victoria Greiss

Great in-a-day overview. Everything you need to know to get started.

Rick Peets, HAVAS Worldwide

Adobe XD in a Day provides the essential fundamentals for Adobe XD in a concise format. You walk away from the class with a very good understanding of how it works and the potential it has for your future design work. Easy to understand presentation and a good overall classroom vibe to learn within.

Paul Lafreniere

This class is very informative. Even with the UX sphere rapidly growing every day, the instructor managed to stay on top of the many changes happening within Adobe XD and how it stacks up against similar apps.

Naeem Holman

Noble Desktop is my go-to place for learning new programs quickly. The "class in a day" is the perfect crash course geared for people like me who have limited time to work with.

Justin Bamforth, Edison Properties

Made XD look so easy! Super informative, Great resources provided to practice as we learn. I loved this session!

Timsy Gandhi, Wildtype

Our instructor Dan R found a way to help us with comments outside art boards (Pharma PRT legal requirements) as a surprise on his teachings on our second class session! very passionate about teaching!

Jennifer Diaz Tonos, TBWAWH

Given the fact that we had to do this entire class remotely due to Covid-19, I didn't have very high expectations it would run so smoothly. However, I don't think it could've gone any better. Not only do I feel very comfortable with the program now, I'm actually excited to use it!

Shardae, TBWA

First time taking a virtual class. Noble Desktop made it so easy. I wouldn't hesitate to do it again.

Kathryn R Kenosian-Viola, freelancer

I would highly recommend this class to anyone who is interested in learning XD! They cover alot of ground and the demos and exercises are thorough, our instructor was very open about sharing industry knowledge, answering questions, and having thoughtful conversations which I found very insightful!

Kristine, WebEnertia

A great class to learn XD from scratch.

selina, the bountiful co

I've taken workshops and classes with Noble Desktop for the past 10 years and I can't recommend them highly enough. Extremely knowledgeable teachers who are enthusiastic and friendly. Working in the areas and digital art and design software is constantly changing and Noble is always on top of things and their classes are super affordable.

Kristin Jaworowski, Kristin Jaworowski Design

Free Resources

Choosing a Web/UI/UX Design App: Sketch, Photoshop, and Adobe XD

IMPORTANT: The information in this post has since become outdated. Read our more current article on this topic. ...

showing 1 of 1 resources

Use Adobe XD to create and optimize graphics for web and UI design

Visual Design Applications

Sketch is a Mac only app used by many web and app designers. Not only can you create your designs (for website, apps, etc.), but you can even turn them into working protoypes to show clients and do user testing with.
Adobe XD is an Adobe app that’s similar to Sketch. It’s an easy to use app that enables you do design and protype your ideas. Unlike Sketch though, it works on Mac and PC. It has very good prototyping features (better than Sketch) and you can even design some basic animations with it.
Photoshop is a photo editor with design features. Web designers who use Photoshop are now turning to other apps such as Adobe XD or Sketch which were created solely for the purpose of visual and UX design. They still use Photoshop though for editing photos used in their designs.

User Interface (UI) Design

Design that focuses on how users experience and interact with a variety of products from websites and software applications to computers, appliances, machines, and mobile devices.
The goal of user interface design is to make it as simple and efficient as possible for users to accomplish their goals—what is often called user-centered design.

User Experience (UX) Design

User Experience (UX) involves a person’s behaviors, attitudes, and emotions about using a particular product, system, or service.
Includes the practical, experiential, emotional, meaningful, and valuable aspects of human-computer interaction and product ownership.
Considers a person’s perceptions of system aspects such as utility, ease of use, and efficiency.
UX is important because of the increased emphasis on user-centered design. It’s not about what the client wants, it’s what the user needs and wants.

Learn Adobe XD Fundamentals for UI & UX Design

Why Learn Adobe XD for Web & App Design?

Learn the Skills Guarantee™

Hands-on training in small groups

Time-tested curriculum and supporting materials

Learn from industry experts with teaching experience

Retake the course for free within one year

Earn a Certificate of Completion

What You’ll Learn

Learn with Hands-on Projects

Course Syllabus

Section 1

Creating New Files & Designing on a Grid

Adjusting the Layout for Tablets & Mobile Phones

Importing & Cropping Photos

Importing Vector Graphics, Color Swatches, Shadows, & More

Character Styles

Section 2

Repeat Grids

Symbols (Reusable Elements)

Turning a Design into a Clickable Prototype

Exporting Assets for Web: SVG, JPEG, & PNG

Sharing XD Files (For Review, Developers, etc.)

Schedule & Enrollment: Adobe XD in a Day

Discounts

October 25

Monday, 10–5pm

Tuition

Full Tuition

What’s Included

What’s included with my tuition?

Are there any additional fees or expenses?

Do you offer any discounts for this course?

Discounts

This Course is Available in NYC or Live Online

On Campus in NYC

Live Online

Online Training Demo

Testimonials for Live Online Training

Frequently Asked Questions

Do I need to bring anything to the class?

Does this course require any prior knowledge or experience?

Do you offer payment plans or student financing for this course?

Can I take this course online (remote learning)?

How does attending “live online” work?

Corporate & Onsite Adobe XD Training

Private Training

Group Class Vouchers

Design the UI & UX of Websites & Apps

Hands-on Learning

Custom Workbook Included

Highly Reviewed by Our Alumni

12 Students Rated Our Adobe XD in a Day 5 Stars

Free Resources

Choosing a Web/UI/UX Design App: Sketch, Photoshop, and Adobe XD

Use Adobe XD to create and optimize graphics for web and UI design

Compare Adobe XD in a Day to Similar Courses

UX & UI Design Certificate

Web Design Certificate

Visual Design Certificate