Adding our first Plugin Lorem Ipsum to Adobe XD

Adding our first Plugin Lorem Ipsum to Adobe XD


Hi everyone, I hope you’re
ready for amazingness. It’s time to look at
Plugins in Adobe XD. Now there’s lots of plugins,
we’re going to, in this case… look at a Lorem Ipsum plug-in,
because it’s nice and easy… but throughout this course we’re going to
look at more and more plugins as we go. What is a plugin?
So Adobe, when they made XD… when they were making it, they’ve built
all the kind of core features for it… plus some really other cool stuff… like the Repeat Grid, Character Styles,
and the Assets Panels. They’ve done some really nice stuff. What they’ve allowed though
is they’ve said to the world… if you know how to make a plugin,
you can go into ‘Development’ and make one. So if you are a software engineer,
or a cody nerdy type person… you can make your own plugins. They’ve given really good documentation
for people to go off and make plugins. The cool thing about that is,
it’s just stuff that’s missing… and then somebody’s
gone off and like… “I’m going to make something
to fix that problem.” And the benefit for us is that
we don’t have to wait for Adobe to do it. Somebody else can do it, add it
to the library, and we can use it. Let’s look at making one.
So we’re going to use– first of all let’s look at the plugins. So go to ‘Plugins’ along the top here,
and go to ‘Discover Plugins’. Plugins are coming out all the time,
I’m going to cover a few in this course… but Latest Release is a great place to get
started I guess, in terms of which ones– So these ones have come out today,
so brand new today. I haven’t even gone through them yet. So I’ll have a look through these
as we go through the course… but you do the same, there’s going to be
stuff in here that’s going to be new. They do all sorts of different things;
Pattern Maker, Color Blend. What else is nice? User Images,
we’ll do that later on. The one we want for the moment is… in here in ‘Search’, we’re going to
go to Lorem, just type in Lorem. So we’ve done Lorem Ipsum,
remember it’s the placeholder text. This one here works, you can
click on ‘See Details’. It tells you a little bit about
it before you install it. Click ‘Install’ when you’re ready. It will tell you it’s installed
when it’s finished. There it is, I’m going to close it down. And they appear here in the Plugins Panel. You can see, you’ve got a few
already installed. This is the one we’re going to use. They all have their quirks… this particular one, you have
to grab the ‘Type Tool’. You have to draw out an Area Type Box,
because it needs to fill it, right? So it needs a width. You need to have some text in there,
some text. It’s a weird quirk with XD. If you don’t have any text
in a text box, watch this. You might have noticed this already.
If I do this and I forget to type in it… it’s no longer there,
it’s like completely gone, forever. So just jam in some text,
get it to be the right size… like in our case we’re going
to use the Roboto 16-point. I’ll use my Style there. You have to have it selected
with the black arrow… otherwise this doesn’t work. There’s a whole lot of rules
for this plugin. And you can’t be in your cursor like this. You can’t have your text kind
of highlighted, or your cursor flashing. You have to be on the black arrow. Cool. So we’ve got a text box,
I want to add some placeholder text. I’m going to go to
‘Plugins’, ‘Lorem Ipsum’… and I’m going to go to ‘Quick Lorem Ipsum’. It just throws it in there. How much better is it,
than going to this file here… that I gave you at the beginning… and opening it, copying and pasting it? Not much when this thing is opened… but going and finding that file
that Dan gave you… in that course a year ago can be tough. So a little plugin like this,
super quick, super easy. Let’s have a look at some
of the options for it. So we went to the Quick Lorem Ipsum… let’s look at this one here. This top option gives you
a few more extra things. So by default that’s what it’s given us. We can turn off line breaks if we want. This one here, doesn’t do a hop,
can you see this empty gap at the bottom? This is going to trim that box, look. You see, just tucked
that up nicely in here. Handy, I guess. Next thing I want to do is,
in here, same thing. You can use the shortcut. Is Lorem Ipsum might be useful,
you could use the Cicaro option. What is the Cicaro option?
I might butcher this, but… I think Lorem Ipsum is just
mixed up Latin words… but they mix that up based on something. And it was an essay by this old Roman dude. Now he wasn’t just an old Roman dude,
he was a famous old Roman dude. Anyway, they’ve derived that this original
kind of a lot of mixed-up Lorem Ipsum… came from an essay of his. And you can use it, the only
difference really for me… because I don’t speak Latin… well not today anyway… is that, that’s actually
proper structure… whereas Lorem Ipsum’s all mixed up. But for me doesn’t matter
because it’s all mixed up. What else can you do,
just quickly, same one. There’s this one here,
Panagram is the “quick brown fox.” It’s got all the letters available… which might be handy when you’re
kind of doing, like this stuff… you want all the fonts, or see
what all the characters look like. Now I can’t think of anything else it does. You can do different languages, which
is cool, for placeholder text. And what you’ll also find out,
if you’re using the exact same plugin… it might be updated and there might be
different things it can do. I’d love it if the shortcut worked. At the moment my shortcut actually
zooms in and out of my XD. They kind of battle with
other things in here. Also, just so you know,
XD doesn’t allow you at the moment… to go into Preferences,
which is real weird. I’d like to go in there, maybe play
around with keyboard shortcuts. That will change as well,
but if you’re like, Googling… “Why is it grayed out?”
you will find a foreign post that says… “Oh, we’ve done that on purpose,”
because it doesn’t work… and then you’ll think to yourself,
“Why did you put it in?” And then they say, “It has to be
because of something Mac does.” Anyway, at the moment you can’t
change any of the preferences… and you can’t update
the keyboard shortcuts… which I can’t wait to do, because I’d
love for some of these plugins… to be a keyboard shortcut that actually
worked, that would be awesome. We kind of looked at Lorem Ipsum… but really we’re looking
at plugins in general… and how they extend
the ability of Adobe XD. We’ll throw more in, in the course
as we go along. I just want to throw in nice
and early here to get used to them… and we’ll do more as we go along. All right, I will see you
in the next video. Hi there, I hope you enjoyed the video. My name is Daniel Scott. If you would like to do the full course… there will be a link in
the description for that. Please give this video, on YouTube here… a thumbs up, really helps me
in what I’m doing. Also, consider subscribing to the channel. I release a video like this every week,
for your viewing pleasure. All right, bye.

2 thoughts on “Adding our first Plugin Lorem Ipsum to Adobe XD”

Leave a Reply

Your email address will not be published. Required fields are marked *