UI Design Handoff to Development. Course for UX/UI Designer

1

Introduction
- Introduction
  FREE PREVIEW
2

Getting Started
- Hello, what how and why
  FREE PREVIEW
- What Does the Developer Need From Me?
  FREE PREVIEW
3

Design and Handoff Tools
- Overview of Design & Handoff Tools
- Comparing Figma, Sketch + Selected Handoff Tool (Zeplin, Abstract, InVision)
- Can I Use Indesign, Illustrator, or Photoshop
4

The right Setup
- File Structure and Helpers
  FREE PREVIEW
- Colour Stylesheet
  FREE PREVIEW
- Typography Stylesheet
- Other Styles
- Defining Grid System & Distances
- Components Overview and States
- Images, Vectors & Exporting Assets
- Understanding Responsive Grids
- Setting up & Documenting Responsive and Adaptive Designs
5

Flowchart and Prototypes
- Flowchart and Prototypes
6

Handoff
- Handoff With Figma the Right Way
- Handoff With Sketch:Figma + Handoff Tool (Zeplin)
7

Before you go
- Code Peek
- Before You Go

moonlearning