WEBVTT

1
00:00:00.480 --> 00:00:01.740
Hi and welcome back.

2
00:00:01.760 --> 00:00:03.460
In this video, we'll explore another

3
00:00:03.490 --> 00:00:06.940
valuable tool in the app
development process called Figma.

4
00:00:06.970 --> 00:00:11.620
We'll discuss what Figma is, why it's useful to have
Figma knowledge when creating react native

5
00:00:11.650 --> 00:00:16.260
applications, and how we'll be using
Figma designs throughout this course.

6
00:00:16.290 --> 00:00:17.940
So let's jump right in.

7
00:00:17.970 --> 00:00:20.740
Figma is a collaborative design tool

8
00:00:20.760 --> 00:00:26.540
that enables teams to create, share,
and collaborate on designs in real time.

9
00:00:26.570 --> 00:00:31.140
It provides a cloud-based platform where
designers can create and prototype user

10
00:00:31.170 --> 00:00:35.300
interfaces for various devices,
including mobile applications.

11
00:00:35.320 --> 00:00:38.240
Figma offers powerful features such as
design components,

12
00:00:38.270 --> 00:00:40.900
interactive prototyping,
and design versioning,

13
00:00:40.930 --> 00:00:45.260
making it a popular choice among
designers and developers alike.

14
00:00:45.290 --> 00:00:47.240
Now, you might be wondering why it's

15
00:00:47.270 --> 00:00:50.940
useful to have Figma knowledge when
working on react native applications.

16
00:00:50.970 --> 00:00:53.780
Well, the ability to transform designs

17
00:00:53.810 --> 00:00:57.140
into actual application is
a crucial skill for developers.

18
00:00:57.170 --> 00:00:58.980
By having Figma knowledge,

19
00:00:59.010 --> 00:01:02.860
you can effectively bridge the gap between
design and development,

20
00:01:02.890 --> 00:01:08.050
ensuring that the final product matches
the intended design and user experience.

21
00:01:08.080 --> 00:01:13.620
This skill becomes extremely crucial
when working in a company setting.

22
00:01:13.650 --> 00:01:16.570
In advanced companies,
developers often collaborate

23
00:01:16.600 --> 00:01:22.620
with designers who provide designs
in tools like Figma, Sketch or Adobe XD.

24
00:01:22.650 --> 00:01:26.930
By being familiar with Figma,
you can easily interpret and work

25
00:01:26.960 --> 00:01:31.210
with provided designs,
saving time and facilitating smooth

26
00:01:31.240 --> 00:01:34.140
communication between
designers and developers.

27
00:01:34.170 --> 00:01:38.760
Furthermore, Figma has gained significant
popularity in recent years due to its ease

28
00:01:38.790 --> 00:01:43.260
of use, collaborative features,
and platform compatibility.

29
00:01:43.290 --> 00:01:45.460
It has become a goto choice for many

30
00:01:45.490 --> 00:01:50.020
designers, which is why I chose to
incorporate Figma designs in this course.

31
00:01:50.050 --> 00:01:52.540
By working with Figma designs throughout

32
00:01:52.570 --> 00:01:57.100
our lessons, you'll gain practical
experience and knowledge in using design

33
00:01:57.130 --> 00:02:01.570
tools to transfer the essence
of the designs into real applications.

34
00:02:01.600 --> 00:02:02.210
In this course,

35
00:02:02.240 --> 00:02:05.820
we'll be using Figma designs to build
our react native applications.

36
00:02:05.850 --> 00:02:09.500
Whenever we start working on a new
application, you'll see Figma designs

37
00:02:09.530 --> 00:02:13.580
appear on my screen and in my videos,
and I'll guide you through the process

38
00:02:13.610 --> 00:02:16.860
of translating those designs
into functional apps.

39
00:02:16.890 --> 00:02:20.380
The Figma designs will be provided
in the course resources as well,

40
00:02:20.410 --> 00:02:24.660
giving you access to the same
designs I used in the videos.

41
00:02:24.690 --> 00:02:29.420
This hands-on approach allows you
to practice working with design tools

42
00:02:29.450 --> 00:02:33.500
and understand how to implement design
concepts in your react native projects.

43
00:02:33.530 --> 00:02:37.500
By following along and working
with provided Figma designs,

44
00:02:37.530 --> 00:02:41.700
you'll develop the skills necessary
to effectively collaborate with designers

45
00:02:41.730 --> 00:02:45.300
and create visually appealing
and user friendly applications.

46
00:02:45.330 --> 00:02:49.300
Now that you understand the significance
of Figma and its role in our course,

47
00:02:49.330 --> 00:02:53.580
let's dive into a quick tutorial
in the next video about Figma.

48
00:02:53.610 --> 00:02:55.480
By the end of that tutorial,

49
00:02:55.480 --> 00:02:58.460
you'll be equipped with the necessary
Figma skills to effectively work

50
00:02:58.490 --> 00:03:02.900
with the provided designs and bring them
to life in your react native projects.

51
00:03:02.920 --> 00:03:05.240
Thanks so much for watching.
See you in the next video.