1
00:00:00,000 --> 00:00:09,383
 

2
00:00:09,383 --> 00:00:14,050
Hi, I'm Hope Armstrong, and I'm a Product
Designer and Teacher at Treehouse.

3
00:00:15,050 --> 00:00:19,530
In this course, designers will
learn how to work with developers.

4
00:00:19,530 --> 00:00:23,786
I'll first talk about the importance of
collaborating with developers early on in

5
00:00:23,786 --> 00:00:24,890
the design process.

6
00:00:26,370 --> 00:00:29,293
Developers are excellent problem solvers,
and

7
00:00:29,293 --> 00:00:33,860
have an in-depth knowledge of technical
possibilities and constraints.

8
00:00:35,050 --> 00:00:37,320
You'll want to get their expertise and

9
00:00:37,320 --> 00:00:40,980
buy-in as early as possible to
create a thoughtful solution.

10
00:00:42,600 --> 00:00:45,450
Then I'll talk about how to
prepare a design for development.

11
00:00:46,670 --> 00:00:51,080
Modern design programs enable sharing
files directly with developers.

12
00:00:52,110 --> 00:00:56,528
Developers can interact with
the design to get colors,

13
00:00:56,528 --> 00:00:59,730
text styles, assets, spacing, and more.

14
00:01:00,760 --> 00:01:02,697
This collection of styles and

15
00:01:02,697 --> 00:01:07,350
components may be all you have in
terms of an informal design system.

16
00:01:08,620 --> 00:01:09,784
If that's the case,

17
00:01:09,784 --> 00:01:14,190
then it's up to the designer to create
a logical order the developer can follow.

18
00:01:15,530 --> 00:01:17,619
If you have a formal design system,

19
00:01:17,619 --> 00:01:21,270
set up your design to
reflect those conventions.

20
00:01:21,270 --> 00:01:25,274
By doing so, designers and
developers can have a shared language for

21
00:01:25,274 --> 00:01:29,080
the building blocks that come
together to create an experience.

22
00:01:30,520 --> 00:01:35,340
Stay tuned to learn how to set up a design
file to have everything developers need.