YoVDO

Collaborating with Developers Course (How To)

Offered By: Treehouse

Tags

Web Design Courses Communication Skills Courses Figma Courses Interaction Design Courses Asset Management Courses Style Guides Courses

Course Description

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


Related Courses

Accountable Talk®: Conversation that Works
University of Pittsburgh via Coursera
Introduction to Business Communication
Canvas Network
Content Strategy for Professionals: Engaging Audiences
Northwestern University via Coursera
La tutoría en la escuela
Miríadax
La contabilidad, el lenguaje de los negocios
Miríadax