- Design
- Intermediate
About this Course
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.
3 stepsPreparing Design Files for Developers
Let's set up a Figma file so it has everything developers need to start implementing the design.
13 steps-
Communicating for Development
-
Pages
-
Screens
-
Spacing & Grid Systems
-
Interaction States
-
Content States
-
Styles
-
Review of Screens, Spacing, Content States and Interactions
5 questions
-
Components
-
Assets: Naming & Resolution
-
Assets: Format, Performance, and Exporting
-
Final Design Handoff
-
Review Preparing Design Files
5 questions
Teacher
-
Hope Armstrong
Hope is a Senior Product Designer. Since 2009, she has worked in education, tech, and non-profits. In her spare time, she advocates for sustainability and hangs out with her cats.