Sketch Classes NYC | Learn Web & App Design in this Sketch Bootcamp

In this class, you’ll thoroughly learn Sketch from beginning to advanced features for UI (user interface) and UX (user experience) design.

You’ll learn to design web layouts for mobile, tablet, and desktop (or screens for apps) using text, graphics, styles, and more. With artboards and layout guides, you can design on popular grid systems (like Bootstrap), making it easier to design responsive webpages.

Symbols are where Sketch really shines. They let you reuse design elements (such as buttons) while allowing each instance to be customized. Being able to globally update symbols will enable you to create flexible design systems that are easier to manage. You’ll learn how to share symbols (and styles) across files and computers to keep everything in sync and updated. This is useful for individual designers, but especially important when managing a team of designers to make sure everyone is using the latest design components.

Sketch is vector-based, so graphics can scale for a variety of sizes, and export as hi-res (Retina @2x) graphics for the web or apps. Exporting graphics is quick. Mark what you want to export, select the filetype and size, and you’re ready to export.

Turn your designs into clickable prototypes using Sketch’s native prototyping tools as well as using InVision and the InVision Craft plugin.

Start using Sketch plugins that add new features and save time by making things easier, using plugins that we recommend.

Take this class as part of a certificate program and save:

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.

The teaching method at Noble Desktop is perfect and the classes provide you with infinite knowledge that makes you eager to take everything they offer. I love Noble!
—Ivonne Ackerman

What You’ll Learn

Create UI (user interface) and UX (user experience) designs for websites and apps
Build layouts using text, images, layout grids, artboards, pages, and more.
Make responsive web designs that are optimized for mobile, tablet, and desktop screens.
Harness the power of symbols to create reuseable design elements.
Optimize graphics for web and app design (create hi‑res 2x graphics, SVG, JPEG, and PNG).
Turn your designs into clickable prototypes that can be shared with others (using Sketch’s built in features, as well as InVision)
Master Sketch’s symbols by learning how to override their content and styling to create powerful design systems.
Update symbols and styles across multiple Sketch files (or computers) using shared Libraries.
Use Sketch’s vector drawing tools to create icons & more.
Learn useful plugins that can add amazing new features to Sketch.

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 System

Creating a new file
Artboards & pages
Setting up a layout grid
Creating colored backgrounds for text
Importing text

Adjusting the Layout for Tablets & Mobile Phones

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

Inserting & Masking Photos

Importing photos
Cropping a photo (masking)
Custom shaped masks

Inserting Vector Graphics, Fills, Shadows, & More

Importing & modifying vector graphics
Making grouped objects easily selectable
Layer opacity vs. fill opacity
Aligning & distributing layers
Reusing colors found in the design
Adding a drop shadow

Section 2

Layer Styles (Reusable Appearance)

Creating a layer style
Changing & renaming layer styles
Making a style to darken full-width background photos

Text Styles (Reusable Appearance)

Creating text styles
Editing text styles
Renaming styles & organizing into folders

Symbols (Reusable Components)

Creating & editing symbols
Customizing content inside a symbol
Controlling the layout & resizing of symbols
Renaming symbols
Moving symbols between pages

Exporting Assets: SVG & PNG

Exporting artboards
Exporting for web as SVG & PNG
Exporting into folders

Exporting Assets: 1x & 2x JPEG

Exporting as JPEG
Properly setting JPEG quality

Section 3

Symbols: Overrides & Custom Data

Controlling Symbol Overrides
Overriding Images Within a Symbol
Custom Data Sources
Masks vs. Image Fills

Symbols: Nested Layer Styles & Nested Symbols

Using Layer Styles in Symbols
Nesting Symbols

Smart Layout

Using the Tidy button
Adjusting Symbol Spacing
Reordering Content
Using Smart Layout for Symbols

Shared Libraries (Symbols, Styles, & Colors)

Creating & Using Shared Libraries

Section 4

Vector Drawing & Graphics Tips & Tricks

Drawing Custom Vector Shapes
Borders: End & Join Options
Multiple Borders
Multiple Ways to Rotate
Copying & Pasting Layer Style
Rounding Vector Corners

Creating a Clickable Prototype with Sketch’s Native Tools

Creating a Prototype
Linking between artboards
Hotspots
Fixed Position Elements

Sharing Native Prototypes & Sketch Cloud Documents

Sharing a Prototype with Others (via Sketch Cloud)

Creating a Clickable Prototype with Craft (by InVision)

Installing Craft
Creating an InVision prototype
Linking between artboards
Creating overlays & fixed headers
Updating the design
Sharing the prototype

Plugins

How to Use Some Recommended Plugins

Schedule & Enrollment: Sketch Bootcamp

$650
12 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.

Registration closing soon
October 27–28

Wednesday to Thursday, 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

$650
Due before the class starts

What’s Included

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

Take this course as part of a certificate program and save:
- Web Design with WordPress & PHP Certificate
  
  Price: $5,000 | Hours: 120 Hours

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?

In-person classes: No, we provide Macs with Sketch installed.

Live online classes: You will need your own Mac and a copy of Sketch (which may require a recent version of macOS so please check the system requirements). 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
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 Sketch 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

Learn Sketch for Web & UI Design

Learn Sketch thoroughly to create designs for web and UI, build prototypes, as well as optimized graphics and image assets. You’ll learn the latest features and tips & tricks to speed up your work with step-by-step exercises in a small class led by a professional Sketch instructor.

Learn then Practice

Learn Sketch by watching the instructor demo, then practice yourself on web layouts that you will learn to efficiently adapt for mobile, tablet, and desktop. Learn to use tools, symbols, guides, and how to export graphics for the web.
Custom Workbook Included

Our Sketch classes come with a custom step-by-step training manual that walks you through using many of Sketch's powerful features. You can recreate the class projects and review the Sketch material you learned anytime after the class.
Learn Sketch Quickly & Thoroughly

“I love that we have time to absorb what the instructor is telling us before trying the exercises ourselves. The instructors are well-informed and so helpful. It is extremely useful to have access to the lessons and class files after the class is over. Each class has saved me endless hours of trying to decipher confusing YouTube tutorials!”
Jillian Dougherty, Trillion Creative, Nov 10, 2017

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.

Sketch Bootcamp is rated 4.9 stars

in the past 24 months

I recommend this course to anyone who’s interested in getting a foundation in Sketch. The tools learned today will help my team collaborate with other graphic and content designers.

Etana Solomon, Mastercard

Dan's a very knowledgeable and helpful instructor. He really knows Sketch in and out and also can compare Sketch features to other popular programs. As a long-time Sketch user, I was surprised at how much I learned in this class. Very worthwhile class!

Mariam Shaikh, Google

I went out on my own two years ago after 25 years in corporate America. Continuing education is essential to my success—I am so grateful that Noble Desktop exists. In my experience, the instructors are, without exception, engaging and invested in the students understanding the material. I look forward to your classes because I know I will walk away with a wealth of information that will forward my career and business.

Faith Deutsch, FinMark Partners

The content was progressive and covered the most salient aspects of the Sketch platform – perfect for a quick refresher or an introduction.

Ryan Hormberg

This 2-day Sketch Bootcamp covers the most practical uses of Sketch. From creating those nice arrow buttons and pin maps to prototyping to showcase your work without sweating a code. Totally worth it!

Zeddy Iskandar

This software is a very interesting pivot from the Adobe software. I feel like I learned all the secrets to it from this course as well.

Ashley Dragan

I'm really glad I found Noble Desktop! I've been using Photoshop for web design projects for the past 5 years, and I knew I needed to be up to date with the latest technology. I tried figuring it out on my own but it was too overwhelming, and YouTube videos only got me so far. I was looking for an online class with a live instructor, and this was exactly what I needed to get a good understanding and have confidence using the software at my workplace. I was shown so many solutions to things that were holding me back in Photoshop, and I'm excited to start using it now.

Kristen, Carrus

Very Knowledgable, and easy to follow along

Ed Pagan

Excellent class, no detail was wasted!!! - Ash Winter-Best :)

Ash Winter-Best, BGB Group

This is exactly what I needed. The information Dan navigated was clear and direct, and easily understandable. I learned a lot in a short time

Anthony Korsak, BGB Group

Great course! Very informative and detailed. Our instructor was very knowledgable and explained the content clearly. Exercises were easy to follow and progressed with difficulty as the course advanced. I had a great experience and would recommend this course to anyone who wants to use Sketch professionally. After completing it I feel well informed and prepared to do my job.

Maria Stangel, BGB Group

Take this class as part of a certificate program and save:

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