1
00:00:00,000 --> 00:00:09,399
[MUSIC]

2
00:00:09,399 --> 00:00:10,649
Hey there, I'm Dan.

3
00:00:10,649 --> 00:00:14,160
And in this course, I'm excited to
introduce you to five astonishing

4
00:00:14,160 --> 00:00:17,790
Figma Plugins that harness
the incredible power of AI.

5
00:00:17,790 --> 00:00:21,044
These plugins are specifically designed
to enhance your productivity and

6
00:00:21,044 --> 00:00:22,880
unleash your creativity.

7
00:00:22,880 --> 00:00:25,180
If you're new to Figma Plugins,
don't worry.

8
00:00:25,180 --> 00:00:28,474
I'll show you how to find and install them
before we thoroughly explore each one.

9
00:00:28,474 --> 00:00:29,530
Throughout this course,

10
00:00:29,530 --> 00:00:32,414
we'll cover several plugins that can
help you with your design tasks.

11
00:00:32,414 --> 00:00:37,552
Get ready to craft wireframes in a flash,
say goodbye to tedious wireframing.

12
00:00:37,552 --> 00:00:41,229
We'll use AI to generate stunning
layouts based on your text descriptions.

13
00:00:41,229 --> 00:00:44,772
Write UX copy that pops,
no more staring at a blank page.

14
00:00:44,772 --> 00:00:48,599
AI will whip up a compelling copy for
your buttons, menus, and more.

15
00:00:48,599 --> 00:00:53,302
Generate custom palettes, images, and
icons, unleash your inner artist.

16
00:00:53,302 --> 00:00:54,540
AI will be your genie,

17
00:00:54,540 --> 00:00:58,069
conjuring unique visual elements
to match your design vision.

18
00:00:58,069 --> 00:01:01,400
Get instant feedback,
unsure where to improve?

19
00:01:01,400 --> 00:01:04,568
AI will be your friendly design critic,
highlighting areas to polish for

20
00:01:04,568 --> 00:01:05,940
maximum impact.

21
00:01:05,940 --> 00:01:07,040
So what do you say?

22
00:01:07,040 --> 00:01:10,180
Are you ready to get started with
AI powered plugins and Figma?

23
00:01:10,180 --> 00:01:11,349
Then let's jump right in.

24
00:01:11,349 --> 00:01:14,128
Before diving into the capabilities
of these dynamic plugins,

25
00:01:14,128 --> 00:01:17,790
let's first explore the steps for
installing a plugin in Figma.

26
00:01:17,790 --> 00:01:19,471
We have several options available, but

27
00:01:19,471 --> 00:01:22,990
I will guide you through two
specific methods in this tutorial.

28
00:01:22,990 --> 00:01:27,210
One through the Figma menu and the other
by utilizing the Figma community tab.

29
00:01:27,210 --> 00:01:28,688
We'll actually start with the latter,

30
00:01:28,688 --> 00:01:30,860
installing a plugin from
the community link.

31
00:01:30,860 --> 00:01:32,667
If we head down to
the lower left hand corner,

32
00:01:32,667 --> 00:01:34,920
we should see the explore community link.

33
00:01:34,920 --> 00:01:37,380
Click on this link to head
to the community page.

34
00:01:37,380 --> 00:01:40,611
Once on the community page,
we have a few options for searching and

35
00:01:40,611 --> 00:01:44,479
filtering through resources such as these
main tabs for several options such as

36
00:01:44,479 --> 00:01:48,710
templates for inspiration,
Team sinks, design systems, and more.

37
00:01:48,710 --> 00:01:52,982
You can also head down to this filter
menu and click on All Resources to access

38
00:01:52,982 --> 00:01:55,811
a drop down that will allow
you to select plugins.

39
00:01:55,811 --> 00:01:58,804
To see a list of trending popular or
most recent plugins.

40
00:02:02,919 --> 00:02:05,991
But if you know which plugin
you're looking for, you can

41
00:02:05,991 --> 00:02:10,291
save some time by searching for it by name
in the search bar at the top of the page.

42
00:02:10,291 --> 00:02:14,580
I'll search for the first plugin,
I'll go over today, WireGen, and there,

43
00:02:14,580 --> 00:02:16,707
you see WireGen in the list of results.

44
00:02:16,707 --> 00:02:20,555
I can click the button labeled Open In
to select which Figma project to open

45
00:02:20,555 --> 00:02:22,090
the plugin in.

46
00:02:22,090 --> 00:02:25,239
Or I can click on the name and description
of the plugin to view the details page for

47
00:02:25,239 --> 00:02:26,750
the plugin.

48
00:02:26,750 --> 00:02:30,179
On the details page, we can get the about
details and comments for the plugin.

49
00:02:30,179 --> 00:02:33,579
We can see how many people have hearted or
liked the plugin,

50
00:02:33,579 --> 00:02:35,899
as well as how many users the plugin has.

51
00:02:35,899 --> 00:02:38,990
And of course, we have the option
to open it in our project.

52
00:02:38,990 --> 00:02:43,545
An alternative method to clicking
the Explore community link on your home

53
00:02:43,545 --> 00:02:48,035
dashboard would be to simply go to
the address figma.com/community.

54
00:02:48,035 --> 00:02:51,270
All right, next I'll go over how to
open a plug in from the main menu.

55
00:02:51,270 --> 00:02:52,610
So let me start a new design file.

56
00:02:55,290 --> 00:02:58,032
Before I begin, I'll create
a quick frame to work in later.

57
00:03:01,239 --> 00:03:04,859
I'll select the MacBook Pro 14-inch
frame template for this project.

58
00:03:08,380 --> 00:03:09,485
Let's zoom out a bit.

59
00:03:09,485 --> 00:03:14,190
Next I will go up here to the main
menu and select the Resources icon.

60
00:03:14,190 --> 00:03:17,850
It's the icon with various shapes
between the T and hand icon.

61
00:03:17,850 --> 00:03:20,493
Once selected,
you will start off in the components tab.

62
00:03:20,493 --> 00:03:24,651
But if you look at the top of the tab,
you have three options, components,

63
00:03:24,651 --> 00:03:26,550
plugins, and widgets.

64
00:03:26,550 --> 00:03:29,740
Simply click on Plugins and
now you can search for your plugin.

65
00:03:29,740 --> 00:03:32,664
Again for our example,
I'll search for WireGen.

66
00:03:32,664 --> 00:03:35,310
And there it is in the list of plugins.

67
00:03:35,310 --> 00:03:41,749
Let's click on it, And boom, the plugin
is open and ready for us to use.

68
00:03:41,749 --> 00:03:45,068
But there is still another way to access
plugins while in our design file.

69
00:03:45,068 --> 00:03:48,187
We can right click anywhere on
our canvas including inside or

70
00:03:48,187 --> 00:03:52,930
outside of a frame to access a menu with
plugins as its second to last option.

71
00:03:52,930 --> 00:03:57,110
And if we select Plugins, we'll get
a list of our most recently used plugins.

72
00:03:57,110 --> 00:04:01,070
As well as the option to run our last
plugin and the option to manage plugins.

73
00:04:01,070 --> 00:04:02,514
If we click on Manage Plugins,

74
00:04:02,514 --> 00:04:06,140
it will take us to the plugins tab
under resources in our main menu.

75
00:04:06,140 --> 00:04:10,328
So it's just another option to perform
the same task, use whichever option you

76
00:04:10,328 --> 00:04:13,594
prefer and is the most comfortable for
you and your workflow.

77
00:04:13,594 --> 00:04:16,532
All right, now that we know how
to find and install plugins,

78
00:04:16,532 --> 00:04:20,060
let's get started by reviewing our
first AI powered plugin, WireGen.