Anyone with can edit access in a FigJam file can change colors.
Color is a valuable tool that can be used in FigJam to visually communicate your ideas.
FigJam comes with a default color palette and currently does not support custom colors. You'll notice that the base colors vary slightly depending on the object it is applied to:
Red - #F24E1E
Yellow - #FFC700
Green - #0FA958
Blue - #699BF7
Violet - #9747FF
Brown - #D27C2C
Charcoal - #545454
White - #F8F8F8
Apply colors to objects
Once an object is selected and you would like to modify its color, you can select the Color dropdown from the toolbar:
Note
Selecting multiple objects with mixed colors and changing the color of the new selection will override any previously applied colors.
Sticky notes
Modifying the color of a sticky note on the board will change the default color of the Sticky note tool in the toolbar. It does not affect the color of pre-existing stickies.
The new default color will be applied to all future sticky notes until the color is changed again.
Modifying the color of a shape on the board will change the default color of the Shape tool in the toolbar. It does not affect the color of pre-existing shapes.
Just like sticky notes, the new default color will be applied to all future shapes until the color is changed again.
When a shape's fill property is removed, the shape border is still shown. The border color of a shape cannot be modified independently of the shape's color.
Unlike the text in shapes, stickies and connectors, text objects created with the Text tool can take on different colors. However, changing the color of one text object will not apply the same styling to future text objects.
Attempting to change the color of a substring within a text object will modify all text color in the same object. The default color for a new text object is always Charcoal.
FigJam is a whiteboard collaboration tool you and your team can use to brainstorm and organize ideas. You don't need to have any prior knowledge of design tools to get jamming.
FigJam files are lightweight, inclusive environments where anyone can take part. Think of them as digital whiteboards where you and your team discover and explore ideas.
Brainstorm and explore ideas
Create decision trees, diagrams, and mind maps
Run critiques or feedback sessions on designs
Collect ideas, note feedback, and organize research
Plan and run meetings, tutorials, or other interactive sessions
Unlike design files, FigJam files don't have multiple pages or canvases. Instead, you have one infinite board to explore your ideas.
All boards you create have a white background and a dotted grid. It's not possible to customize the background of a board.
A
Find settings and perform actions from the menu
Open the file menu to perform a range of actions. Some actions will only available when you have one or more objects selected.
B
Use the creation tools in the toolbar
Access FigJam-specific tools: marker, stickies, shapes, text, images, and connectors.
C
Access collaborative tools
Click to access the collaborative tools from the navigation bar:
Emote E
Stamp E
Cursor chat /
Comments C
Quickly switch between emoting and stamping
Press E to toggle between the emote and stamp wheel.
D
View and invite collaborators
View the avatars of anyone currently active in the file. Click someone's avatar to observe their actions in the file.
Click Share to open the share modal for that file. Invite collaborators, copy a link to the file, or update the file's link sharing settings.
E
Adjust your view settings
Control the zoom level
Toggle dot grid
Toggle snap to grid
Toggle multiplayer cursors
FigJam or Figma design?
You can identify FigJam files in the file browser by the on the file card.
Colors
To keep things simple, we've curated a selection of colors especially for FigJam:
Red
Yellow
Green
Blue
Violet
Brown
Charcoal
White
You can apply colors to text, shapes, connectors, and stickies. To improve contrast, you'll see less saturated versions of these colors on objects that support text, like shapes and stickies.
Toolbar
With FigJam files there's less focus on precision and polish, and more focus on joyful exploration and collaboration.
Tip
Both stickies and shapes support quick create mode, allowing you to add ideas and explore concepts. Learn more about quick create →
A
Navigation
Pan, zoom, and move around FigJam files like you would in a design file:
Use the marker tool to draw freehand lines and expressive shapes. It's a fun way to add doodles to the board, call attention to something important, or make abstract connections.
Switch between thin and thick versions to make your mark(er). Figma will apply some smoothing to any lines you create with the marker.
C
Shapes
A curated selection of shapes gives you the tools to build detailed flows and diagrams. Add text to shapes to capture ideas and use connectors to connect them.
There are eight shapes you can access in FigJam files:
Ellipse (otherwise known as a circle)
Square
Rounded rectangle
Diamond
Triangle
Downward-pointing triangle
Right-facing parallelogram
Left-facing parallelogram
D
Stickies
Stickies are the virtual equivalent to the sticky notes we all know and love.
Capture your thoughts in stickies and move them around the board to organize your ideas. Unlike their paper counterparts, they grow vertically giving you more space to explore your ideas.
Figma will add your name to any stickies you create, so you can easily keep track of who said what.
Access stickies from the toolbar or the S shortcut in FigJam files.
E
Text
Text is a crucial element while brainstorming and communicating information to others.
Use the text tool to create titles and headings, add blocks of body text, or quickly jot down ideas.
Add links to text to reference other FigJam or Figma files, direct collaborators to product documentation, or link to external websites.
F
Connectors and lines
Lines in FigJam let you create paths between shapes and stickies, illustrate order, or annotate something on your board.
Use the connector tool to draw straight lines or elbow connectors between objects.
Every line can be customized with its own color, text, end points, and stroke weight.
G
Libraries
The library tool gives you access to bold, fun, and expressive sticker sets, created especially for FigJam.
You can also enable your regular team libraries in FigJam and bring components into your explorations. Libraries are one of the ways you can work across FigJam and Figma design files.
H
Stamps and emotes
The stamp and emote wheels allow you to quickly add your feedback to files. Toggle between stamp and emote mode on the fly.
Select to access short-lived emotes and express your reactions in the moment.
Select to add your stamp of approval or other more permanent sentiments to the board.
I
Images
Use images to build a mood board or add some fun to your brainstorming sessions.
Select the image tool in the toolbar or use the ⌘ CommandShiftK shortcut to to place images on the board.
Collaborative
Access collaborative tools via the menu in the toolbar:
Emotes and stamps
Anyone on the file can add emotes, including people with view-only access.
Only people with edit access to the file can add stamps to boards.
Emotes are temporary expressions that are great for live multiplayer experiences. They're energetic reactions that you share with others who are currently active in a file.
Stamps are permanent stickers that you can add to the board. They're great for both live and async collaboration when you want to show your support or impressions.
Cursor chat
Cursor chat allows you to type live, temporary messages to others in your FigJam file. This is great for quick communication and interactions.
In cursor chat mode, start typing and other collaborators in your file will see what you're typing as you're typing it. There's no action to confirm or send your message. Your cursor displays the message for five seconds after you've finished typing.
Select cursor chat from the emote wheel.
Anyone on the file can connect via cursor chat, including people with view-only access.
Comment
Comments are a great addition to collaboration in FigJam - they work like comments in Figma design files and prototypes.
Select comments in the collaborator menu, or press the C key to enter commenting mode.
Use comments to give feedback, ask questions, or leave notes throughout the board. You can @mention collaborators, as well as add emoji to your messages.
Shared features and functions
If you've worked in Figma, you may recognize some tools and features in FigJam. While some of these features work the same, others have functionality that's curated to that product. Learn more about features in design and FigJam files →
Keyboard shortcuts
View Figjam keyboard shortcuts in the shortcuts panel:
FigJam files are online whiteboards, approachable spaces where anyone can take part. They tap into the spontaneous, joyful nature of working together.
FigJam files have curated tools for exploration and discovery. They're great for meetings, brainstorms, diagrams, and research.
Find settings and perform actions from the menu
Select collaborative tools in the navigation bar
Use the creation tools in the toolbar
Connect in the moment with emotes, stamps, and spontaneous cursor chats
Tools and features
If you've worked in Figma, you may recognize some tools and features in FigJam. While some of these features work the same, others have functionality that's curated to that product.
Use the table below to see at a glance which tools, features, or functions are supported. If they work differently between Figma design and FigJam, we've included links to the relevant documentation.
Anyone with an FigJam editor role will be included in the team or organization's billing.
FigJam is free for all of 2021!
As FigJam is currently in beta, you won't incur any charges for your FigJam editor seats.
Figma has two products: Figma design and FigJam. They each have separate pricing, but you'll be billed for both on the same invoice. Compare Figma design and FigJam →
How much you pay depends on how many editors seats you have for each product. The cost of each editor seat is determined by your plan.
People can have editor roles on both Figma design and FigJam, or an editor role on just one product. Figma will charge for any editor role they occupy on the team.
For example: Sam wants to participate in the Product team's critique sessions and retrospectives, but doesn't need edit access to any Figma design files in that team. An admin on the product design team can give them an editor role on FigJam, but a viewer-restricted role on Figma design. Sam will only be counted in the team's FigJam editor seats
2021 beta
As FigJam is in beta throughout 2021, you currently won't incur any charges for your FigJam editor seats.
You'll see a Free for 2021 badge next to any FigJam references on your billing page.
See the value of editor seats in the cost breakdown.
View the original and beta price for your current FigJam editor seats in the Invoice total column.
Figma will notify you on the Billing tab that the beta period is coming to an end. We recommend taking this time to review any editor seats and decide how you want to proceed. We're still finalizing how this will work, so check back for any updates!
Professional plan
FigJam editor seats will be billed at $8/month starting in 2022. You'll see FigJam editor seats included in your first invoice following 1st February, 2022.
You'll be billed on your regular billing date according to your monthly renewal.
Organization plan
FigJam editor seats will be billed at $15/month starting in 2022. You'll see FigJam editor seats included in your first billing event following 1st February, 2022.
Click and hold an empty space, then drag your cursor to select multiple objects.
Click and hold an object, then drag your cursor to move it.
Select
Select objects to interact with them and change their properties. Selected objects are surrounded by a bounding box. In FigJam, components and stickers from libraries have a purple bounding box, while all other objects have a blue bounding box.
You can deselect an object once you are done interacting with it.
Select a single object
Select the move tool in the toolbar or press V.
Click on an object to select it.
Select multiple objects
You can select more than one object at a time. This is great when you want to perform the same action on multiple objects to save time, like changing the color of multiple shapes and stickies to blue.
This is useful when you want to:
Group a selection of objects
Move a group of selected objects
Update a property, like color, across more than one object
Align, distribute spacing, and reorganize objects
Resize objects in bulk
Lock/unlock multiple objects
There are a few ways to select more than one object:
Shift key
Select an object on the board.
Hold down Shift and click another object.
Repeat for each object you want to select.
Tip!
Click an object while holding Shift to remove it from the current selection.
Click and drag
Click and drag your cursor to create a box selection and select all objects in a specific area of the board. Any object that the box selection touches will be selected.
Click and hold an empty part of the board.
Drag the cursor across any objects you'd like to select.
A blue box will appear around each object in the selection.
To remove an object from the selection, hold down the Shift key and click on the object.
Note
Click and drag will not select locked objects.
Select all
If you want to select everything on your board, use the following keyboard shortcuts to select all.
Mac: ⌘ CommandA
Windows: CtrlA
Deselect objects
To clear your selection entirely:
Use the Esc key
Click an empty space on the board
To deselect an object from a selection of multiple objects, hold down the Shift key and click on the object again.
Group
Groups allow you to combine objects together so they can be treated like a single object. To select a group, click on one of the grouped objects.
When you diagram with shapes and connectors, and leave fire stamps on that great idea your PM Emily wrote on a sticky note, you're creating objects on the FigJam board. Each object has a location on the board, and you can align and distribute them to keep things tidy.
Align objects
Alignment tools allow you to arrange layers on the board in relation to one another. Figma will determine your layer's alignment based on your specific selection.
Objects in FigJam can only be aligned to other objects. There are six different alignment options:
Align left
Align horizontal centers
Align right
Align top
Align vertical centers
Tidy up
Use tidy up to rearrange and organize objects like stickies and shapes into a uniform grid of rows and columns. You can also adjust the horizontal and vertical spacing between objects and rearrange their order while maintaining their spacing.
Your objects are moved into a grid formation with even spacing. The dots and lines that appear in the selection's bounding box allow you to rearrange objects and adjust spacing.
If a selection of objects have been tidied up or have evenly distributed spacing, pink lines appear within the selection's bounding box. Click and drag the lines to increase or decrease the spacing in between objects on a horizontal or vertical plane.
Rearrange objects in a grid
If a selection of objects have been tidied up or have evenly distributed spacing, dots appear within the selection's bounding box. Click and hold a pink circle, then drag your cursor to move the object to a different position within your selection
Rearrange multiple objects
Hold Shift.
Click the pink circles for each object you'd like to move.
Click and hold the pink circle for a selected object, then drag your cursor to move them to a different position.
Swap positions between two objects
Click and hold the pink circle of a selected object.
Hold the modifier key:
Mac: ⌘ Command
Windows: Control
Drag your cursor over another object's position to swap two objects' positions.
Change object order
Sometimes an object on your board stacks on top of others, making it hard to see objects beneath it. Or an object might be hidden in the back behind other ones. Change your object's stack order to move it forward or backward on your board.
Right click an object and select from the four options in the menu:
Bring forward: shift object forward one stack position.
Bring to front: shift object all the way to the front of the stack, on top of all other objects.
Send backward: shift object back one stack position.
Send to back: shift object all the way to the back of the stack, below all other objects.
FigJam is made for collaboration - whether you're in a team meeting, taking part in a class, or brainstorming your next big idea.
The Figma team have put together some templates to help you get started with FigJam. All the templates below are available for anyone to duplicate in the Figma Community.
Duplicate files
Click the button below each embed to open the file in the Community. You can select which account to add the file in, when you duplicate a Community file.
Every time we launch a new product at Figma, I run a retrospective with the go-to-market team. I use the retro as an opportunity to give props to the team as well as to reflect and share:
Crazy 8s is an activity where you and your team get 8 minutes to come up with 8 ideas for solving a problem. The goal is to be fast in getting your ideas out without worrying much about the details. At the end of 8 minutes, share your ideas and discuss the ones worth exploring.
Walk a mile in your user's shoes and plot out what problems and goals they have. Use this template to identify opportunities to improve things for your users!
At Figma, one of the ways that we've used FigJam is for virtual team hangs. Use this template for a fun ice breaker with your team and show us what you come up with! :)
With this template, you can plot out the engagement of a user’s journey with a product, service, or experience over time. Focus on the user’s emotions and consider how they may feel at various touch points.
Haikus are a construction of three lines, 5 syllables, 7 syllables, then 5 syllables. The last line should provoke a new thought. With this group activity, you can make visual haikus by reconfiguring existing words and making your own.
Connect, share, and learn from a global community of Figma users
