Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Collaborating with Developers Course (How To)

Go to class Write review

Details

Go to class

Provider

Treehouse
Pricing

Free Trial Available
Languages

English
Duration & workload

1 hour 12 minutes
Sessions

On-Demand
Level

Intermediate

Found in

Overview

Designers will learn how to involve developers throughout the design process, from conceptual brainstorming to implementation in code.

What you'll learn

Ideating with developers
Organizing pages and screens
Documenting interaction and content states
Setting up styles, spacing, and components
Understanding resolution and export settings

Syllabus

Designing with Developers

Involve developers early on in the design process, when you're iterating through ideas.

Chevron 3 steps

Intro to Collaborating with Developers

1:36
instruction
Ideating with Developers
Reviewing Designing with Developers

5 questions

Preparing Design Files for Developers

Let's set up a Figma file so it has everything developers need to start implementing the design.

Chevron 13 steps

instruction
Communicating for Development
instruction
Pages
instruction
Screens
instruction
Spacing & Grid Systems
instruction
Interaction States
instruction
Content States
instruction
Styles
Review of Screens, Spacing, Content States and Interactions

5 questions
instruction
Components
instruction
Assets: Naming & Resolution
instruction
Assets: Format, Performance, and Exporting
instruction
Final Design Handoff
Review Preparing Design Files

5 questions

Reviews

Start your review of Collaborating with Developers Course (How To)