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 default color palettes depending on the object it is applied to.
Sticky notes
Sticky notes have a set palette of colors:
Light gray #D9D9D9
Stone #667799
Blue #0D99FF
Violet #9747FF
Pink #FF24BD
Red #F24822
Orange #FFA629
Yellow #FFCD29
Green #14AE5C
Teal #00A1C2
Highlighter
The highlighter tool’s palette includes:
Gray #D9D9D9
Pink #FFBDF2
Orange #FCD19C
Yellow #FFFAA3
Green #AFF4C6
Blue #B6ECF7
Violet #E4CCFF
White #FFFFFF
Everything else
Shapes, sections, marker doodles, and connectors have their own color palette.
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 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.
The eyedropper tool allows you to select and sample colors from any object or image on the board board. Use the eyedropper to identify colors and apply them to your objects.
Select the object you'd like to edit.
Click the color picker and select the gradient option.
Select the eyedropper tool.
Hover over the color in the canvas you'd like to sample. The magnifier window will show you both the color and hex code of the sampled pixel.
Click to apply the sampled color to the selected object:
There are a couple ways to find an existing FigJam file:
Browse the Recents tab to view files you most recently opened
Click See all for a section to browse all your files or prototypes
Use the Search tab to find a specific file for prototype by name
Tap on a file to open and edit it.
To create a new FigJam file on an iPad:
Open the Figma mobile app.
Tap New FigJam file in the upper right corner.
Navigate your board on an iPad
Move around
When you first open a FigJam file in the mobile app, the hand tool is selected by default. This lets you pan and move around your board by dragging one finger. When using the select tool, use two fingers to move around your board.
Zoom in and out
To zoom in and out, pinch your screen using two fingers.
Select, group, and lock objects
Select
Use the selection tool to select objects on your board:
Tap in the toolbar.
Tap an object to select it or tap and drag over multiple objects to select them.
When selecting single objects with text, tap once more to enter edit mode.
Cursor chat allows you to type live, temporary messages to others in your FigJam file.
With your iPad mounted on a Magic Keyboard, press / or tap in the emote wheel to activate cursor chat. Once you've entered cursor chat mode, an empty speech bubble appears next to your cursor.
Your chat bubble is anchored to your cursor and follows you around the board. You can pan around and pinch-to-zoom the board without exiting cursor chat.
Note
Cursor chat is only supported when using a Magic Keyboard.
Track time and manage working sessions with the timer in FigJam, whether you're working solo or in a group setting.
To add time to the clock:
Type to enter the minutes and seconds
With your iPad mounted on a Magic Keyboard, press ↑ / ↓ arrows to adjust the time by a minute, or ⇧ Shift↑ / ↓ to adjust the time by 5 minute intervals. You can also adjust the seconds field by 1 or 5 seconds using these shortcuts.
Once you're ready, press Return / Enter or click to start the countdown.
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
Hover over your avatar and click Spotlight me to share your view of the board with everyone in the file.
View the avatars of anyone currently active in the file. Click someone's avatar to observe their actions in the file.
F
Invite collaborators
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.
G
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
Color is a valuable tool that can be used in FigJam to visually communicate your ideas. FigJam comes with default color palettes depending on the object it is applied to.
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 and highlighter 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.
Use the eraser tool to remove any drawings if you make a mistake or want to make changes.
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
Cylinder
Horizontal cylinder
File
Folder
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
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.
H
Sections
Organize your board with labeled sections to group related objects or guide workshop participants through activities.
Cluster objects together without having to group them
Contain objects that can be moved together around the board
Hide sections of the board that can be revealed when needed
Link collaborators to a specific section of the board
I
Toolbox
Browse and add the tools you need to get the most of your board:
Access collaborative tools via the menu in the toolbar:
Emotes, stamps, and high fives
Anyone on the file can add emotes, including people with view-only access.
Anyone on the file can use high fives.
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.
High fives are a fun way to celebrate achievements, greet others, or capture someone's attention in a file.
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.
Timer
Track time and manage working sessions with the timer in FigJam, whether you're working solo or in a group setting. Anyone in the file can start, pause, add time, and stop the timer.
To access the timer modal, click in the upper right corner of your FigJam file and select Timer from the dropdown.
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.
Gather everyone around you to facilitate a design crit, meeting, or just share your ideas with spotlight.
When you spotlight yourself, all collaborators viewing a file are notified you’ve requested they follow you. Collaborators in a file have the option to ignore your request. Once they accept your invitation to follow, they’re shown your view of the file’s board or canvas. This comes in handy when using audio conversations for running meetings and workshops in FigJam and Figma design.
Speed up your workflow and save time setting up a FigJam board with templates for brainstorms, meetings, diagramming, and more.
Templates add pre-created content to a new or existing file, giving your team guidance and starting points they can build on. For example, the Daily standup template adds pre-created columns to your board so your team can add their tasks and goals as stickies. The Prioritization matrix template adds designated spaces for brainstorming and a matrix for determining feasibility and priority for ideas in a project.
Have some fun with your team with games like chess, connect four, and more
You can browse templates created by Figma from the file browser or the templates picker in a file. FigJam templates by other creators can also be found and duplicated in the Figma Community.
There are a couple of ways to create a file using templates from the file browser.
Create a new FigJam file:
Click New FigJam file or type figjam.new in your browser's address bar.
From the templates picker, browse or search templates.
Hover over a template and click Insert template.
The template you selected will be added to the board in the new file.
FigJam file
You can add a template created by Figma to an existing FigJam board
Click in the bottom toolbar.
Search or browse Templates.
Click Insert template.
You can select and move the template around the board.
Don't see what you're looking for?
Click Browse more in the Community at the bottom of the picker to view templates by other creators.
Figma Community
Browse templates by members of the Figma Community you can use with your team. To use a template, duplicate the file. Once duplicated, you can work directly in the duplicated file or copy and paste its contents to an existing FigJam file.
Click Duplicate from the file's details page to add a copy to your drafts folder.
Members of the Figma Community can publish their FigJam files for others to use as templates. FigJam files in the community are automatically added to the FigJam category of the community, but are not included in the template picker in a file or the file browser.
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.
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.
Anyone with their FigJam role set to Editor is included in your billing
FigJam's free beta period ended on February 1, 2022. On this day:
FigJam became a paid product
Anyone with a FigJam editor role has been reset to a viewer role
Starter teams now have a limit of 3 FigJam files
Figma has two products: Figma design and FigJam. Each product has separate pricing, but you’ll be billed for both on the same invoice. Your invoice amount is determined by the number of editor seats in each product. Learn how invoices are calculated →
Editor seats include people with an editor role in a team or organization. People can have editor roles on both Figma design and FigJam, or an editor role on just one product.
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 gives them an editor role on FigJam, and a viewer-restricted role on Figma design. Sam will only be counted in the team's FigJam editor seats.
The cost of each editor seat is determined by your plan. Plans apply to both Figma and FigJam products. You cannot have different plans for each product. Compare plans and pricing →
If your team is on the Professional plan, Professional plan pricing applies to both FigJam and Figma design.
2022 updates
FigJam became a paid product on February 1, 2022. Learn how these changes affect your files and billing depending on your plan.
Starter
Teams on the Starter plan can continue to use FigJam for free. Starting February 1, 2022, a limit of 3 files will apply to FigJam files. This means you can have up to 3 FigJam and 3 Figma design files (with 3 pages each) in each team.
These changes don't impact any existing FigJam files. You can still access and edit any files your created before February 1, 2022.
Teams on the Starter plan can continue to use FigJam for free. There are no limits to the number of editors you can have on the Starter plan.
If you already have 3 FigJam files in your team, you won't be able to create any more FigJam files. Upgrade to a paid plan to unlock unlimited file creation and more →
Draft limitations
These limits do not apply to files in a person's drafts. Anyone can continue to edit FigJam files in their drafts without impact to plans or billing.
Education
People who use Figma's free education plan can continue to create and edit FigJam files at no additional cost. There are no limits to the number of files or editors you can have on the Education plan.
Figma reset anyone with a FigJam editor role to a viewer role on February 1, 2022. This makes sure only the people who need to edit FigJam files are included in the first invoice after this update.
Anyone who had can edit access before February 1, 2022 can still open any FigJam files they had access to.
The first time you open a FigJam file after the update, Figma will prompt you to select what kind of access you still need to FigJam files. You'll only have to do this once.
Select I'm a viewer to continue for free with only can view access.
Select I'm an editor to take an editor role and continue to edit FigJam files. Figma includes anyone with a FigJam editor role in your next invoice.
Figma will include anyone with a FigJam editor role in your billing. You'll see FigJam editors on your first invoice following February 1, 2022. You won't need to opt-in or upgrade to include FigJam.
Organization and Enterprise plans
FigJam editor seats on the Enterprise plan are billed at $5/month per editor, (billed annually). You'll see FigJam editor seats included in your first billing event following February 1, 2022.
Organization admins can track FigJam and Figma design editor seats under Admin settings > Billing:
Professional plan
FigJam editor seats on the Professional plan are billed at $3/month per editor (billed annually) or $5 a month per editor (billed monthly).
If you're paying the monthly price, you'll be billed on your regular billing date according to your monthly renewal. Switch to an annual subscription →
Team admins can track FigJam and Figma design editor seats under Team > Settings:
Refund policy
Payments for Figma subscriptions with Figma Design and/or FigJam seats are non-refundable unless you live in the E.U. or Turkey, in which case you are eligible for a refund only if you cancel your subscription within 14 days of purchase.
If for any reason you’re unhappy with Figma, please let us know. Contact us via the inside the app, or email support@figma.com. Give us a detailed account of what happened, and we’ll work with you to make sure you have the best experience possible.
