Hi friends, Miggi from Figma here with another Study Hall! Today we are going to be talking about
using FigJam whiteboards in your classroom, so let's go!
So FigJam is a whiteboard tool that you can use with others
to collaborate
brainstorm run meetings, classes, activities, things like that
so today's agenda we are going to get started with creating a file,
navigating the space we are then going to talk about collaborative features that are specific to FigJam
We are going over some of the tool bar tools that are down here
adding things to the canvas such as text images and stickers
and then we are going to go over organizing your file in sections and then talk about
inviting others to join this space, so that way you can work, collaborate and share
your ideas
Let's begin!
So let's take a quick look over here. You will notice that I am navigating this space
the way that FigJam whiteboards work is that you can navigate up and down, left and right
as well as zooming in and out
I just moved over, I saw these objects—these stickies that I have over here
on my canvas, and I was able to zoom out
so lets talk a bit about that navigation
First thing you want to do here is understand how to navigate this
space, you can pan around the whiteboard by using and holding
the spacebar and while clicking on your mouse
so if I hold the spacebar, I can drag this left and right and its the little
hand icon tool that you see right here that does the same thing
if you are using a touch pad on your laptop, you can accomplish the same thing
using two fingers you can
use the two fingers
to navigate that space. Next up: zooming
so there is multiple ways to zoom in FigJam and I am only going to cover a few of them
up here in the top right corner, you can see this ability
to zoom out and zoom in using these buttons. However,
if you want to do that a little bit quicker, lets talk about how you can do that
here. So I am using a keyboard and a mouse and I am using
a Mac, so I can hit "command" and use my scroll wheel to zoom
in and zoom out
if you are on Windows, you can use the "Ctrl" key to do that. If you are using
a laptop that has a touchpad, you can use pinch gestures
to zoom in and out of this canvas as you navigate that space
So I am going to zoom out right now. If you only want to rely on your
keyboard, you can either use 'command' on a mac and the "+"
key to zoom in
or control on Windows. Or 'command' / 'ctrl' on Windows "-"
So command +,+,+. Command -,-,-
it is going to zoom in and out in the same way that the zoom tool
over here works.
Let's talk a little bit about where this file currently resides
If I click up here in the top left
main menu, I can go back to my files. And what I have
over here on the left, is I have all of my different teams. Because I
am an education user, I can click on my education
team right here. So I have my team and under that I have different projects
If you want to create a new project, you can create a new project right here, it acts just like
a folder.
And in the project, you are going to have your files. So I can add a new FigJam
file right here. So I can just go ahead add a new FigJam file. I can also
click up here and say "New FigJam file." It is going to create that
for me and place it directly into my workshops
project. So here we go. I am going to call this "FigJam"
"101" so I am going to name that file. And if I click on Workshops, its going to actually
take me right back into that projects space.
Another way that you can quickly create a file
is by
going to your URL bar and typing in "figjam.new"
So figjam.new, when I press enter, that is going to
create a brand new file for me. And this file is going to be located
in the drafts folder. The drafts space is my own personal
space, however, if I want to bring this to be more collaborative
So I can work with my colleagues, my classmates, and my students
I can click right here and go "move to project"
That is going to bring up this little dialogue box and give me the opportunity
to move that to my "workshops" project. Now I
moved it, and you can see that this (file) is currently in "Workshops" and
Im going to call this "FigJam...102" so we can see that difference
Now when I go back to my Workshops project, I can see that I
have the file that I began with, I have FigJam 101 and FigJam 102
If I need to delete one of them, I can just right click and press delete
There we go. So, lets go back to the Study Hall file
Next on the agenda, we are going to be talking about collaborative features
Right now, I am the only one in this file. But if I have invited
other individuals to work with me, what I can do is use
a number of different ways to interact with them
I can go right here, and I can click
emote, and with the emote tool
I can basically drop some emotes on the canvas, and everyone can see that
If I have people just joining the file and I want to wave "hello" to them
I can use the shortcut key "E" and create this
emote wheel, and I can wave to them as
they are joining the document. There you go, so I can wave to them as they are joining the document
I can
use other features as well to communicate with them
lets say if I want to
Stamp a vote
over here, if I click on a stamp
I can come over here, I can drop a stamp right into
my document, so I can give that a thumbs up,
I can give it a star, and a heart. These votes will move
with the sticky. One other really cool thing here, too is when I
hover over it, I can see who made that vote, so I can get a sense
of who is participating, and who is collaborating in that space
So lets just go ahead and delete those. Next, we
are going to talk about the "high five." If I had someone
else in this file with me, I can actually wave this hand, and if we bring them together
you will see them high five. So I highly recommend that, if you are celebrating
with your students, or anyone that you are working with on your team project that you are working with your your team project
that you go ahead, and give them a high five. We also have cursor chat, this is going to give you
the ability to communicate with others in your file, so I can go ahead
and say "hey" or that that was "cool", some words are going to
trigger these fun little reactions. So if I say
"slick", you will see a
fun little emote be triggered there
One other thing that I forgot to mention, is that when you are working together, you
you want to perform a timed activity, you can easily click the timer here
and I can set this to be, you know, let's say 5 minutes, I can hit
play, and you can see that I set the timer. If I want to tuck it away while working
you will see that it is going to move here into this top bar.
I can bring that back, if I want to add one more minute, I can hit plus
If I want to stop it, I can hit stop.
And if I want to close it out, I can do so and then it is good to go. So you can choose whether or not you want a little sound to play
at the end of that time
Next, lets talk a bit about the FigJam tool bar
tools. So I am going to scroll down here, this is the FigJam tool bar
There are a number of different thing here that you can work with.
One of the most common is going to be the sticky notes, so you will see here "sticky note"
and the shortcut key is going to be "S". So if I press S, I can drop in a sticky note
You will see that there is a couple of different options here, so you can actually change that
up. I am going to choose a blue sticky note, and I can say "hello
world"... oops, let me spell that right. And I can add in
a little note if I want to, I can add in a few more sticky notes if I want to.
One really cool thing about FigJam. As you are working on your ideas
and you are sharing these with others, there are a few things you can see here
You can see that these are all being attributed to me. If I want these to be a little
bit more anonymous in my feedback, I can go ahead and turn off that attribution
I can also change the size of the text, I can make it a little bit bigger
so I can say "hello world", there you go!
If I want to bold a little bit of text, I can select and bold it there
I can also add links to this document as well. so If I wanted
to, let's say create a link. Type in "figjam.new"
and FigJam.new is going to create a new FigJam doc
So
these are the things that you can do when working with stickies. Stickies are also helpful
in that you can make them a little wider to fit your text, and you can also
scale them up and scale them down if you need to create a little more
room. Now, one thing that I have here, these stickies are
a little unruly and I want to organize them. When I select them all together
I can come down here and choose to tidy them up. When they
are tidied up, I can change the spacing between them. I can
change the spacing this way as well. And I can also reorganize
them so let's say if I want to move this purple sticky over in that direction
if I wanted to change that arrangement a bit. I can easily
do so, and have it that way. So I am going to select those and delete them
and lets talk about the next item that we have here.
FigJam has shapes so you can easily create diagrams
I have here this shape, and I can type in "Step 1"
so now that I have this shape
it will be an accessible color
so if I go to these brighter colors here, you see it will have darker text
and if I go to a darker color, it will use brighter text
I can create multiple points
multiple shapes, just clicking the direction I want to place the shape
as well as change those shapes, even though they've already
been placed on the canvas. I can select those all right here
and I can change that shape. I can change it to rounded rectangles
I can change it to triangles
I can change it to little folders. If I want to, I can scale them down
just a little bit and move them around. One cool thing with this, too is that
those arrows (connectors) are going to do their best to make sure that they remain
attached to those folders. If I want to create another connector
I can use the connector tool. The shortcut key is "X"
and I can create another connector to establish the relationship between those two objects
and once again, I can change that color to be what ever I want
This is going to be really helpful when creating procedural diagrams
even just telling this story or making
any kind of mapping of a process. I highly recommend
checking out those shapes. Lastly here, we have the marker
tool, but you will notice that the marker tool has many different options
here, so the marker tool. I can draw directly on the canvas
I can choose a heavier weight for that, and I can pick any color
that I want to use. So if I want to draw directly on the canvas, lets say your students
have chrome books that have the touch screens, they can do a some finger-painting
also here, we have the highlight tool, so if you have some text
on the screen. So I am going to say "hello
world" and lets say that I want to highlight that, I can use
my highlight tool to highlight that. Even after the
fact, I can go ahead and select that and change that color
its going to allow me to draw attention to various areas that are on the
canvas.
We also have here an eraser tool, the eraser tool will erase
all of those markings that were just made. And we also have Washi tape.
Washi tape is a fun addition to FigJam that gives you the ability draw
tape out onto the canvas, that you can change up and customize
Let's say if I want to add this in here
and make
a crab tape, I can
easily make a roll of crab tape. So let's say you are studying crustaceans
and you want to create some fun crab tape for your class
I think that would be a fun way to engage. Let's go ahead and delete those
And take a look at the next item on the agenda
We've covered a bunch of adding things to the canvas
with the tool bar, however, you can also add in text
So let's say you are trying to create an outline, or you
are trying to organize a bit. I can add some text here
Once again say "hello world." I can change the size of that text right here and I can manually
input a font size if I wish. And I have control
over some of the aspects: I can bold it and I can change the color.
You have some control in formatting the text
You can even make it a list
so I can press return, and I can say "1"
"2" and
three... there we go! Three.
And I can change that formatting, I can add strikethrough
or I can just have it that way
text
adding it on canvas, super easy in FigJam.
Next we are going to add an image. Let's say you have yourself some images
in a folder. So I have some right here, and I can just drag
them right onto the canvas
What is cool about images in FigJam, is that they are pretty easy to add
And if you want to make any changes, so lets say here
I want to change how this crab is cropped
I can actually rotate it in this space, I can even choose
to have it in a circle shape. So now the crab
is in a circle
and if I want to swap that crab out with another crab
I can click on that image icon and come down here and choose a different
crab to be placed into that shape. So there we go.
These right here are PNGs. If you are looking for the way
to add images from the canvas
You can use this toolbar here, click on more, and you will see images right here.
That will bring up the prompt to add images from your computer
There are are many different ways you can add them. You can also crop the image
as I mentioned before, right here, so I can kind of crop this down. If you only
want a specific area of that image to be demonstrated
I can also go ahead and add a little framing to that image as well
So, multiple ways to add images to your FigJam
canvas. You can customize and make it just the way that you want.
And pre-plan your lesson with text and images.
Now lets talk about organizing things.
we have been adding a ton of stuff
to the canvas
lets begin to organize things in a way that you might want to
present them
either to your class, to your colleagues, to your students
what I am going to do over here is create a new section
the section gives you the ability to collect the things we have been adding
to the canvas and organize them into a space
Here I am going to make this section a little bigger
and add in some stickies. I am going to change the color of the stickies so we can see it a little better
But I am going to throw in a few stickies here
Let's add in one of those shape diagrams, lets just change that
to a circle
and there we go, we can add a another little circle. And you will notice that by adding
the additional circle into this space, the section will grow to accommodate
it. What is really cool is that I can go ahead
and let's move this over here. I can name that section
and even though I am way zoomed out, I can see the section
name. So it is very clear, and it gives you a sense of what that is.
You can also change the color of those sections as well
If you are working with your students and you want to create
a bunch of sections
So they have their work areas or if you are working on a team project
and you need to create a bunch of sections for like a meeting
everyone has a space to collect their own ideas
You can easily create that. And I am going to duplicate this.
So I am going to hold down the "option" key, its going to be the "alt" key on Windows.
On some Chromebook's it is going to be the "search" key.
Holding down the alt key, and I am dragging. And I am creating multiple sections
Creating multiple sections here
and you can go ahead and you
can name them the names of the people that are going to be working in those spaces
Once again, they can change the color of those, and then they can begin to collect all the
objects that they want in that space. And just like the stickies, these
sections can be rearranged, so I can adjust the spacing between
them and I can even rearrange them right on the canvas to kind of
go where I want them to go
This will give you a lot of opportunity to rearrange things
Lastly, but not least-ly, we also have the ability to add
in stickers. So we haven't really dug into this area much
there is much more here to explore that we will cover in another video.
But we have templates, widgets, plugins. I am going to go in here into the stickers
Im going to look for a sticker pack, so I am going to leave some
stickers to be used on this space, so I am going to grab one of these
annotation stickers, and I can drop it in here
and what is cool about the annotation sticker, is that I can scale that up and I can say
you know "look here". Let's go ahead and find more fun stickers to use
in the
delightful
toolbox over here
The Jurassic Party is a great
sticker pack. Here you can even tell people to stamp their faces
If they want to vote on something, they can press the "E"
key they can click on their stamp and they can stamp their face
right there and follow up.
The last thing on the agenda that we want to talk about
is going to be inviting others to join. So lets say you want to invite
others to join your space
If you click up here, you can click that share, so right now anyone
with the link can edit. You can see that I have some other individuals here
that can edit this document with me
I can copy this link and share that with them
I can also make sure that only people invited to this file
lets say they want to tighten it up a little bit more
If you are going to be working with people that are going to be outside of your classroom, lets say
you want to hold a meeting with people who aren't necessarily FigJam users
You can easily create an "open session." So if I click that, I can start
an open session. And now for 24 hours, anyone that has
this link, I can copy that link and
I can paste it right up here
Anyone who has that link should be able to join your
FigJam document and
collaborate with you in this space. When they are joining
they are going to be asked for a name, or they can remain anonymous
So that is all that we have for today's Study Hall
Check in next time, where we will dig a little bit deeper into some of the features
talking about specific templates for FigJam
and I would highly recommend that you give this a look.
Try some things out, and play around. And remember that
FigJam and Figma are both free for Education
as long as you go to Figma.com/education
You can go here, get verified and
collaborate with others on your education teams
Check out other Study Halls in the series
Be sure to like and subscribe. And as always! Happy Designing!
[light music fades out]