1
00:00:00,000 --> 00:00:01,450
[MUSIC]

2
00:00:01,450 --> 00:00:06,510
In this stage,

3
00:00:06,510 --> 00:00:11,570
I'll guide you through the completion
of a wireframe created in Adobe XD.

4
00:00:11,570 --> 00:00:16,120
This recipe app features a few
examples of common components

5
00:00:16,120 --> 00:00:18,600
outlined the Material
Design documentation.

6
00:00:19,620 --> 00:00:22,480
These components include
a bottom navigation,

7
00:00:24,499 --> 00:00:29,650
side sheets, and a Floating Action Button.

8
00:00:31,230 --> 00:00:36,950
We'll explore the documentation covering
these components and discuss the rules

9
00:00:36,950 --> 00:00:42,110
governing each component's design,
interactivity, and implementation.

10
00:00:43,440 --> 00:00:48,910
We'll make use of a downloadable
Material Design UI kit for XD to simplify

11
00:00:48,910 --> 00:00:54,450
our workflow and enable us to better
follow the Material Design guidelines.

12
00:00:54,450 --> 00:00:55,600
Ready?

13
00:00:55,600 --> 00:00:59,130
Download the project files with
this video and let's get started.