Collaborating with Developers Course

Go to class
Write Review

Free Online Course: Collaborating with Developers Course provided by Treehouse is a comprehensive online course, which lasts for 1-2 hours worth of material. The course is taught in English and is free of charge.

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