Collaborating with Developers Course (How To)

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

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