Related Videos

• Create accessible FigJam boards

  Disabilities take many forms and can impact the way we see, hear, speak, touch, and understand the world around us. They can be permanent (like blindness), temporary (like a broken arm or lost voice), or situational (like low visibility while driving). Disability is part of being human. Most people will experience disability at some point in their lives, either temporarily or permanently.

  When it comes to creating an inclusive environment in your FigJam boards, it’s important to think beyond the more obvious limitations your peers may be working with. Some may be using screen readers, some may need everything to be in writing, and others may need more time to contribute their ideas in a meeting.

  We’ve compiled a few best practices to keep in mind when using FigJam. This isn’t an exhaustive list, and this article will be updated as we continue to find ways of making Figma more accessible for everyone.

  Learn how to use FigJam with a screen reader →

  Use sections to group content

  Organize your FigJam board into sections. This makes it easier for collaborators using a screen reader to navigate and consume the board’s content.

  To add a section:

  1. Click in the bottom toolbar or use the keyboard shortcut ⇧ShiftS.
  2. Click the location of the board where you’d like the section to go to create a square section, or click and drag to create a custom sized section.

  Learn more about using sections →

  Tidy up your board

  Use tidy up to rearrange and organize objects like stickies and shapes into a uniform grid of rows and columns. This helps collaborators using screen readers navigate and reduces the cognitive load for anyone visually scanning a board.

  To tidy things up:

  1. Select at least three objects on your board.
  2. Click in the selection's toolbar.

  Learn how to align, tidy up, and organize your objects →

  Use numbered lists to describe order

  Instead of using decorative numbers, stickers, or iconography to items in numerical order, use a straightforward numbered list within the text box. Iconography relies on visual inference, while stickers maybe be illegible to screen readers, both making it difficult for someone using assistive technology to parse information about structure. Text-based numbered lists, however, provide accurate information about your content’s structure.

  Learn how to create numbered lists in FigJam →

  Add alt text to images

  Use alt text to describe an image or GIF to anyone using a screen reader or with impaired vision. This text should describe all meaningful images, enabling someone navigating using a keyboard or screen reader to understand what the visual intends to convey.

  To add alt text:

  1. Select the image or GIF.
  2. Click Alt text.
  3. Add a description.
  4. Press Return/Enter.

  Learn more about using images in FigJam →

  Fill in the blank

  If you’re asking participants to fill in the blanks during exercises, use underscores to signal the blanks. This tells someone using a screen reader of the intentional blank instead of seeming like missing text in a sentence.

  Music may drown out screen reader

  Using the music feature in FigJam may interfere or make it difficult for someone to hear their screen reader.

  Color usage

  A few things to consider with colors:

  • FigJam preset colors for sections and stickies are built with accessibility in mind
  • Text in stickies is always black and paired with preset colors, so there’s no need to worry about contrast issues
  • When using custom colors with the text tool, text should provide sufficient contrast to the background color
  • When using custom colors for sections, they should provide sufficient contrast to their contents
  • Avoid alternating between font colors
  • Avoid red, pink, and green text, as this can be problematic for individuals with a color vision impairment
  • When in doubt, use a color contrast checker readily found online
  • For users with light sensitivities, use dark backgrounds

  Turn off multiplayer cursors

  Multiplayer cursors can be distracting and affect anyone with motion sensitivity. If you don't want to be distracted by other team member's actions, you can hide their cursors from your view.

  1. Open the Zoom/view options menu (from the zoom level in the toolbar).
  2. If there is no check next to the Multiplayer cursors option, click to display them.
  3. If there is a check already showing, click Multiplayer cursors again to hide.
  4. You can also use the keyboard shortcut ⌥Option⌘Command\ or ControlAlt\ to toggle multiplayer cursors.

  Avoid cursor chat

  Cursor chat can’t be read by screen readers and can be difficult for someone to read in time before the message disappears. If you’d like to add messages to the board, we recommend using comments.

  Learn how to add comments in FigJam →

  Use stamps

  Stickers are a great way to personalize your FigJam board, but not always legible to a screen reader. If you want to add a reaction to something on the board, use the stamp wheel.

  1. Select the Stamp tool. There are a few ways to do this:

     • Click in the toolbar.
     • Press the keyboard shortcut E.
     • Right-click the board and select Stamp.
     • Click and select Stamp.

  2. Click on your stamp of choice from the stamp wheel.

  3. Click on the board or on an object to place the stamp.

  Learn more about using stamps →

  Text usage

  Some things to consider around text usage:

  • Avoid large blocks of text: try to break text up into different stickies on the board or consider using bulleted lists
  • Use simple fonts: avoid cursive fonts and opt to use the Simple, Bookish, or Technical fonts in FigJam
  • Use larger fonts: increase the side of fonts whenever possible so people don’t have to zoom too much to read your text

  Learn more about creating and formatting text in FigJam →

  Provide instructions

  Not everyone you are collaborating with has used a digital whiteboard before. Even if they have, they’re so versatile it may be hard to know exactly what you want collaborators to do in your file. To make things easier and keep your team on task, provide instructions in a dedicated section for each exercise.

  Timer usage

  Some of your peers may need more time to navigate the board or add their input, so give them the option to contribute to the board asynchronously or add more time to the session.

  Learn more about using the timer in FigJam →

• Use FigJam with a screen reader

  Before you start

  Who can use this feature

  Supported on any team or plan.

  Anyone with can edit access can add objects to the board.

  New to FigJam? Check out our FigJam basics guides.

  You can navigate and edit a FigJam file using a screen reader on a desktop device.

  • Move focus around the board, its objects, and their menus
  • Read the content of objects like sections, stickies, shapes, and alt text
  • Create and edit objects and their contents

  Learn how to create accessible FigJam boards →

  Screen reader settings

  The FigJam board is not screen reader accessible by default. To enable accessibility:

  1. Open the quick actions menu by pressing ⌘Command/ or ⌘CommandP on a Mac or Control/ and ControlP on Windows.
  2. Type “Accessibility settings” and press Return/Enter.

  This will open the accessibility settings dialog, where you can enable the FigJam board contents to be accessible.

  Note: To make the FigJam board accessible, we rely on certain web HTML types. To that end, make sure your screen reader will read groups, regions, headings, and text.

  Navigate a FigJam file

  A FigJam file has several top-level regions. Use keyboard shortcuts to cycle focus throughout them:

  Focus next region:

  • Mac: ⌘Command⌃Control→
  • Windows: ControlF6

  Focus previous region:

  • Mac: ⌘Command⌃Control←
  • Windows: ShiftControlF6

  Regions are ordered as such:

  • Board: This is the FigJam board itself, which contains objects like sections, stickies, and text
  • Selection properties menu: This region is rendered if there is an object selected on the board, with buttons to modify various properties (font, color, etc.) of the selection. If there is nothing selected on the board, this region is not available and is skipped when cycling through objects.
  • Expanded comment threads: If there is a comment thread selected, this dialog is available. It contains the contents of the selected comment thread.
  • Help widget: A collapsible menu with a containing resources and references for using FigJam like the Figma Help Center and keyboard shortcuts.
  • Creation tools: A toolbar with buttons to switch your current creation tool. This toolbar is primarily meant to be used with a mouse, so for keyboard-only users, we recommend creating nodes using the quick actions menu by pressing ⌘Command/ or ⌘CommandP on a Mac or Control/ and ControlP on Windows.
  • Top toolbar: A toolbar containing a collapsible main menu, file name, and entry points for audio calls, sharing, and modifying view options for the file. The first button is the Figma menu. To navigate the main menu, use ↑ and ↓ keys, Enter or Space to select a menu object or open a submenu, and Tab to close a submenu.

  Navigate the board

  The board contains all the content from you and your collaborators. Objects like stickies, shapes, and images can be placed anywhere on the 2D board, and can be organized with sections. Objects placed inside a section are considered children of that section, and siblings of each other. All objects placed directly on the board (and not nested within sections) are also considered siblings of each other.

  Navigate objects by selecting them with the keyboard shortcuts:

  • Tab to select the next sibling object
  • ⇧ShiftTab to select the previous sibling object
  • If you’re editing text, Tab will select the next editable text field on the board

  Note

  Tabbing will not select objects in different hierarchies.

  • Press Return/Enter to select all the children of the currently selected parent object.
  • Press ShiftReturn / Enter to select the parent of the currently selected child object.

  Add objects to the board

  Add objects to the board via the quick actions menu. Quick actions allow you to update settings and perform actions, using just your keyboard. This includes actions and settings that don’t have keyboard shortcuts.

  Access the quick actions menu by pressing ⌘Command/ or ⌘CommandP on a Mac, or Control/ or ControlP on Windows.

  Note

  The shortcut for accessing the quick actions menu varies by keyboard layout. Learn more about using the quick actions menu →

  To create an object, type “Create new <object type>” in the quick actions menu and press enter. For example, to create a new sticky note, type “Create new sticky note” and press Return/Enter.

  The new object will be created in the center of the screen, or if a section is selected, in the center of that section.

  If you have an object selected, you can also press ⌘CommandReturn/ControlEnter to create a new instance of that object next to the original.

  Tip

  When you open quick actions, you’ll see the last three actions you performed during that session. Recent actions reset when you close the tab or leave the file. Use the ↑ and ↓ keyboard shortcuts to cycle between recent actions, then press Return/Enter to perform them again.

  Add stamps and comments

  You can create stamps and comments, which are objects that are attached to another object.

  Stamps

  Press E to activate the stamp wheel. You can then focus a particular stamp, and press Return/Enter to activate stamping mode with that stamp. Use Tab to select an object on the board, then press ⌘CommandReturn/ControlEnter to place the stamp on the selected object. Stamps can only be added to selected objects. Press Esc to exit stamp mode.

  Learn more about using stamps →

  Comments

  To add comments:

  1. Select the object you want to comment on.
  2. Press ⌘Command/ or ⌘CommandP on a Mac, or Control/ or Control P on Windows to open the quick actions menu.
  3. Type create new comment.
  4. Press Return/Enter to start composing your comment attached to your selection.
  5. Press Return/Enter again to submit your comment.

  Learn more about comments in FigJam →

  Edit content

  Move objects

  When an object is selected, use the arrow keys move it around the board. Use ⇧Shift with arrow keys make the nudge movement larger.

  Edit text

  For objects that allow for text editing (such as sticky notes, shapes with text, and plain text objects), select the object then press Return/Enter to start editing text. Press Esc to leave text editing, and return to selecting the object.

  Learn more about formatting text in FigJam →

  Edit properties

  To edit a selected object’s properties, press ⌘Command Control→ on Mac or ControlF6 on Windows to focus on the selection’s properties menu. The menu contains options to adjust properties like font, background color, and more depending on the selected object type.

  Features supported with screen readers

  Feature	Supported
  Sections	✓
  Stickies	✓
  Shapes	✓
  Tables	✓
  Text objects	✓
  Text formatting	✓
  Links	✓
  Comments	✓
  Stamps	✓
  Code blocks	✓
  Audio calls	✕
  Timer and music	✕
  Stickers	✕
  Spotlight	✕
  FigJam on iPad	✕
  Voting	✕
  Emotes	✕
  Connectors	✕
  Lines	✕
  Highlights	✕
  Washi tape	✕
  Cursor chat	✕
  Widgets	✕

  Share your feedback

  We're actively working on making FigJam more accessible. Let us know how we're doing in the Figma Community Forum →

• Create custom templates in FigJam

  Before you start

  Who can use this feature

  Supported on the Organization and Enterprise plans.

  Anyone member of the organization with can edit access can publish team templates.

  New to FigJam? Check out our Guide to FigJam.

  Custom templates help you quickly add content to FigJam files without needing to set up a file from scratch. You can create templates to capture your team's unique workflows and rituals, or simply as an expression of your team’s style.

  For example, you might create a custom template for:

  • Weekly meetings
  • Team planning
  • Workshops
  • Retrospectives
  • Design critiques

  

  Template files are identified with a template icon in the file browser. Consider keeping all of your team’s template files in one project so you can easily find and manage them in one place.

  Tip

  Looking for inspiration or want a pre-made template to build from? Learn how to browse FigJam templates made by Figma or the Figma Community →

  Create and publish custom templates

  Any member of your organization with can edit access can create and publish a FigJam file as a custom template. To publish a FigJam file as a template:

  1. Click the Share button in the top toolbar.
  2. Select the Publish tab, then click Publish as a template. If the file is in your drafts, FigJam will prompt you to move the file to a project.
  3. Enter in a name, description, and thumbnail image for the template.
  4. Select if you want to Publish to either your organization or current team. If set to your organization, anyone in the organization can use it. If set to current team, only members of the team the file is in can use the template.
  5. Click Publish.

  

  Edit templates

  To make changes to a custom template, you need can edit access the original source file the template was created with.

  1. Open the source file the template was created with.
  2. Make your changes to the file.
  3. Click the Publish changes button on the notification banner at the top of the page.

  Published changes only apply to new files that are made with the template.

  If you want to edit the template's details, like its description or name:

  1. Open the template in the file browser.
  2. Click the Share button in the toolbar.
  3. Select the Publish tab, then click Update > Publish template.
  4. Edit the template details, then click Publish template.

  Unpublish templates

  Unpublish a template to remove it from your team’s templates.

  1. Open the template in the file browser.
  2. Click the Share button in the toolbar.
  3. Select the Publish tab, then click Update.
  4. Click Unpublish, then confirm.

  You can also unpublish a template by moving the file back to your Drafts. Learn how to move a file →

  Use custom templates

  To browse and use custom templates:

  1. Click in the top toolbar to open the template picker.
  2. Select the tab labeled with your organization’s name.
  3. Hover over the template thumbnail image, then click Add template.

  

  In an Organization plan, templates are displayed by:

  • teams you’re a member of, including those published to the entire organization and those only visible to members of your team
  • teams you’re not a member of, grouped by team

  In an Enterprise plan, templates are shown by:

  • teams that are in the workspace you’re a member of
  • templates published to other workspaces

  Disable custom templates

  Organization admins can prevent members from publishing and using team templates.

  1. Open Figma in the file browser.
  2. Select Admin settings in the sidebar.
  3. Select the Settings tab.
  4. Scroll down to the Other section, then turn off the Template publishing toggle.

  At this point, custom templates created in your organization won’t be displayed in the templates browser. If you decide to re-enable custom templates, custom templates previously created will be restored to the templates browser.

  When custom templates are disabled:

  • Members cannot publish any additional custom templates
  • Members cannot add any published templates to future FigJam files
• Tables in FigJam

  Tables help you organize, synthesize, and structure information on your FigJam board. Multiple people can edit and collaborate on tables at the same time.

  Use tables for:

  • Bringing data to team meetings—you can start from scratch, or copy and paste data from external spreadsheets
  • Organizing items in an easy-to-read format
  • Tracking project status and milestones
  • Prioritizing ideas in adjustable rows and columns

  Add a table

  1. Select one of the following options:
     • From the toolbar: Click the Table icon.
     • Keyboard shortcut: Press Shift + T on your keyboard.
  2. Click and drag to create the number of columns and rows you need.
  3. Release to place the table on your board.

  

  Once you have created your table, click into any cell to add text.

  Note: You can add text and stamps to individual cells. Other objects (such as stickies, shapes, or widgets) can be layered on top of tables, but do not anchor to the table if you move it or export it.

  Edit and format tables

  You can edit the styling, size, and position of cells, rows, and columns in your table.

  Select cells, rows, and columns

  • To select the entire table, single click on the table.
  • To select an individual cell, first select the table, then click on a cell.
  • To select an entire row or column, click the grabber icon on the left of a row or the top of a column.
  • To select multiple rows, columns, or cells:
    • Hold ⌘ Command (Mac) or Ctrl (Windows) and click to select each item.
    • Hold ⇧ Shift and click to select all items within a range.

  Tip! To jump to the next cell, press Tab. To jump to the previous cell, hold ⇧ Shift and press Tab.

  Edit font and color

  Select the cell, row, column, or table you want to edit. From the toolbar, you can:

  • Edit cell background color
  • Adjust font size and typeface
  • Add font styling (bold and strikethrough)
  • Create links
  • Create bulleted or numbered lists
  • Align text to the left, center, or right

  

  Learn more about editing text properties in FigJam →

  Resize tables, rows, or columns

  Resize an entire table

  1. Single click on the table to select the entire table.
  2. Click and drag one of the four corners of the table to resize.

  

  Learn more about resizing objects in FigJam →

  Resize a single row or column

  1. Hover your mouse over the border line of the row or column you want to resize.
  2. Click and drag your mouse to adjust the height or width of the row/column.

  

  Add rows and columns

  Add a row or column to the end or bottom of the table

  1. Select the table and hover your mouse over the last column or row.
  2. Click the blue bar that appears at the edge of the table.

  

  Add a row or column in the middle of the table

  1. Select the table and hover your mouse over the blue dot (located at the border line of the row or column, to the top or left of the table).
  2. Click the plus sign to add a row or column.

  

  Add a row or column using the right-click menu

  1. Select a cell, row, or column.
  2. Right-click on the selected cell(s).
  3. From the right-click menu, select to add the row or column above or below the current selection.

  

  Delete rows and columns

  Delete a row or column

  1. Select the row(s) or column(s).
  2. Press delete.

  Delete a row or column using the right-click menu

  1. Select a cell, row, or column.
  2. Right-click on the selected cell(s).
  3. From the right-click menu, select to Delete row or Delete column.

  Tip! If you select an individual cell, you can select to Delete content from the right-click menu. This deletes all text from the cell.

  Move rows and columns

  1. Select the row(s) or column(s).
  2. Click and hold the grabber icon, then drag the row or column to the desired position in the table.

  

  You can also select the row or column, then right-click and select Move row/column up or Move row/column down from the right-click menu.

  Duplicate rows and columns

  You can duplicate rows and columns within a FigJam table.

  1. Select the row(s) or column(s) you want to duplicate. You can select multiple consecutive or non-consecutive items.
  2. Press ⌘ Command + D (Mac), or Ctrl + D (Windows).

  Duplicated rows are added beneath the last selected row. Duplicated columns are added to the right of the last selected column.

  Copy and paste table content

  Copy and paste from external spreadsheets

  You can copy and paste content from other spreadsheets (such as Google Sheets) into FigJam to create a new table.

  1. Copy the cells from your spreadsheet.
  2. Click an empty spot on the canvas to deselect any objects.
  3. Press ⌘ Command + V (Mac) or Ctrl + V (Windows) to paste the spreadsheet on your board.

  Tip! Not all spreadsheets work the same. If you’re having issues pasting a spreadsheet from the program you’re using into FigJam, try exporting the spreadsheet to a .csv file and then importing it into your FigJam file.

  Copy and paste between FigJam tables

  You can also copy and paste between two FigJam tables.

  1. Select the cell(s), row(s), or column(s) from the first table.
  2. Press ⌘ Command + C (Mac) or Ctrl + C (Windows) to copy.

  3. Select the cell(s), row(s), or column(s) where you want to paste the content in the second table.

     Note: If you select the entire table (rather than specific cells, rows, or columns), a new table is created when you paste.

  4. Press ⌘ Command + V (Mac) or Ctrl + V (Windows) to paste.

  

  Copy and pasting between tables carries over any text formatting. Pasted content will replace any previous content.

  If the number of cells you copy is greater than the number of cells in the second table, additional rows/columns will be added to the table when you paste to accommodate the additional items.

  Import and export tables

  You can import CSV files directly into FigJam as tables.

  1. Click in the top toolbar.
  2. Go to File > Import.
  3. Select a CSV file and click Open.

  Tip

  You can convert CSV data from a table to stickies.

  1. 1. Press ⌘ Command/ or Control+/ to open the quick actions menu.
     2. Type "convert to stickies" in the menu.
     3. Press Return/Enter.

  Learn more about importing tables into FigJam →

  You can export your FigJam tables as images, PDFs, or CSV files—making it easy to bring your work from FigJam to other tools or formats.

  1. Select the table you want to export.
  2. Open up the export modal using one of the below options:
     • Right-click and select Export selection.
     • Press ⌘ Command + ⇧ Shift + E (Mac) or Ctrl + ⇧ Shift + E (Windows).
  3. Select a format, then click Export.

  Learn more about exporting from FigJam →

• Organize your FigJam board with sections
  Before you start you should know

  • Supported on any team or plan.
  • Anyone who is logged in and has can edit access can create sections.

  

  Organize your board with labeled sections to group related objects or guide workshop participants through activities. Sections let you:

  • 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

  Create a section

  There are two ways to create a section on your board.

  Toolbar

  

  1. Click in the bottom toolbar or use the keyboard shortcut ⇧ Shift S.
  2. Click the location of the board where you’d like the section to go to create a square section, or click and drag to create a custom sized section.

  You can also click and drag a section over the objects you want to add to it.

  

  From selection

  

  1. Click and drag objects on the board you’d like to add to a section.
  2. Right-click the selection.
  3. Click Create section from the menu.

  Learn more about selecting objects in FigJam →

  Add objects to section

  There are a few ways to add objects to a section:

  • Move a section over an object
  • Resize a section over an object
  • Select and move an object into a section using your mouse or keyboard arrows

  

  Tip

  Press ⇧ Shift then click and drag to select multiple objects in a section.

  Edit section title

  To edit a section title:

  1. Create or select a section on the board.
  2. Click from the section’s toolbar.
  3. Enter a new name and press Return / Enter.

  You can also double-click the section’s name to edit.

  Remove title

  1. Double-click title or press .
  2. Delete text.
  3. Press Return / Enter.

  To add add a title back, press in the section's toolbar.

  

  Hide section

  Hiding sections comes in handy when you want to hide content without deleting it, or to expose content when needed during a presentation or group exercise.

  Press to hide a section and to show it again.

  

  Delete section

  To delete a section:

  1. Select the section.

  2. Press Delete / Backspace.

  Deleting a section also deletes its contents. To delete a section without deleting its contents, select everything in the section and drag it to another place on the board.

• Add link previews in FigJam

  Before you start you should know

  • Link previews are available in FigJam only

  • Supported on any team or plan.

  • Anyone with can edit access can insert link previews.

  • Anyone with can view access can view and open link previews.

  • Anyone invited to an open session can use link previews.

  Use link previews to add sources of inspiration and useful context to your FigJam file. Paste links of rich media from other websites—like videos, articles, or documents—and FigJam will turn them into a preview on your board.

  Figma will even make some link previews interactive, which allow you to pan around Figma design files and city maps, or stream music and videos while you work in FigJam.

  Here are a few ideas on how you can use link previews:

  • Add links to music streaming services to play tunes while you jam
  • Include videos to share with your team workshops or trainings
  • Collect and share media for moodboard inspiration
  • Provide context into team meetings and brainstorms

  Create a link preview

  You can create a link preview by copy/pasting the resource's link onto the FigJam board, or from the toolbar.

  Figma will convert your link into either a static preview or an interactive preview.

  Static previews are like bookmarks, and can include information like the site title, description, URL, logo, and image. The amount of information included in static previews depends on what's supported by the resource site.

  Interactive previews allow you to load websites and interact with them to complete specific tasks — like playing music, watching videos, and pan around maps — directly from your FigJam board. Learn more about interactive previews ↓.

  

  Note

  Make sure the resource you're using is public to get the most out of link previews. If the link is private or unlisted, this could limit the amount of rich information available in the preview. 

  Paste link

  1. Copy link or embed code of the resource.
     • Mac: ⌘ CommandC
     • Windows: ControlC
  2. Go to your FigJam file and paste copied content onto the board.
     • Mac: ⌘ CommandV
     • Windows: ControlV

  Figma will create an interactive preview if embeds are supported by the resource's site. Otherwise, Figma will create a static preview.

  Toolbar

  1. Hover over the pile of recently used icons in your toolbar.
  2. Click the More button to open the modal.
  3. Select the More tab.
  4. Select Links.
  5. Paste your link in the available field, then click Add.

  

  Figma will create an interactive preview if embeds are supported by the resource's site. Otherwise, Figma will create a static preview.

  Interactive previews

  Interactive previews are a type of link preview that load specific webpages to interact with them and complete specific tasks. You can stream music playlists, watch videos, pan around maps, click through Figma prototypes, and more

  To interact with an interactive preview, click into it to make it active. You can only have one active at a time. If you click into another interactive preview, the first one goes back to being inactive.

  Note

  Link previews are unique to you. Activating one will not activate for other users in the same file. If you zoom in on a map, it’s only zoomed in on your computer. If you click play on a video, the video is only playing for you, and others will not see or hear it.

  Learn how to create an interactive preview ↑

  Figma design and FigJam files

  Create interactive previews of Figma design and FigJam files in FigJam. You can view and pan around files or click through prototypes directly on your board.

  1. Open Figma design file.
  2. Click Share in the top-right side of the toolbar.
  3. Click Copy embed code.
  4. Paste the code into FigJam file ↑

  Learn how to embed Figma design and FigJam files → 

  Learn how to interact with Figma and FigJam embeds → 

  Actions

  Select a link preview to view formatting options and other actions. Different options will be available depending on whether it is a static or interactive preview. 

  Action	Static previews	Interactive previews
  Open in new tab Open the preview's original source in a new browser tab.	✓	✓
  Change back to text Preview will change back to its source URL or embed code.	✓	✓
  Display vertical Preview will display in a vertical orientation.	✓	✕
  Display horizontal Preview will display in a horizontal orientation.	✓	✕
  Maximize View preview in full-window in your file. Increase preview size to fit window	✕	✓
  Minimize Close the maximized preview.	✕	✓

• Work between Figma and FigJam

  Before you start you should know

  • Supported on any team or plan

  Share designs, gather feedback, or incorporate research as references. There are a few ways to work between FigJam and design files.

  Tip

  We've focused on supporting copy and paste between file types, but we'd love to hear what other functionality you'd like to see here. Share your thoughts and feedback on the Figma Support Forum →

  Copy and paste

  You can copy and paste assets between files to progress your design process.

  Copy and paste across devices

  Working between multiple devices? You can move Figma and FigJam content from your iPad to your computer, and vice versa, using copy and paste.

  Note: You must have version 22.9 or newer of the Figma mobile app installed in order to copy and paste across devices. You also must be logged in to the same account on both devices.

  1. Select the objects you want to copy.
  2. Copy the objects:
     • iPad: Tap Copy.
     • Desktop: Press ⌘ Command + C (Mac) or Control + C (Windows).
  3. On your second device, a notification banner will pop up on your active Figma or FigJam file. On the notification banner, select Paste.

  

  FigJam to Figma

  You can paste any objects from FigJam into a Figma design file and they will keep their existing color, format, size, and layout.

  • Stamps from FigJam boards are actually images! Figma treats them as images when you copy and paste them into a Figma file.
  • Any stickers or components will paste as instances in Figma design.
  • Anything drawn with the marker will be treated as a path with stroke properties. You can edit these in edit object mode or adjust the stroke properties.
  • Text and links are pasted as text and text with links.
  • Even though GIFs do not play in FigJam boards or in the Figma design canvas, you can copy them from FigJam and they will play in presentation view. Copying GIFs from the browser will paste as static images. Add animated GIFs →

  Figma recognizes some objects from FigJam files as special objects. Special objects appear in the Layers panel in purple with a specific symbol for each object type:

  • Sticky notes
  • Shapes with text
  • Lines and connectors
  • Tables

  Edit special objects

  Move, flip, rotate, or rearrange special objects on the canvas	✓
  Adjust style properties of a special object, like color and typography	✓
  Select, view, or edit child layers of a special object	✕
  Include special objects in components or instances	✕

  Caution

  If you are working with special objects in Figma design, you may run into issues or unexpected outcomes issues when using keyboard shortcuts.

  Plugins can read special objects and should be able to change their position on the canvas. We haven't extensively tested interactions between plugins and special objects, so can't guarantee anything beyond this.

  Figma to FigJam

  Copy layers from Figma and paste them in FigJam. This includes frames, images, components, text layers and links, and more.

  As there is no layers panel in FigJam files, there will be limitations on what you can select within frames, components, or other layers pasted from Figma design files.

  You can still edit most of these layers in FigJam files, but you'll only have access to the curated tools and styling in FigJam. For example: you can only adjust layers to use the FigJam colors and text formatting options.

  Figma won't convert objects from Figma design into their FigJam counterparts. For example: arrows won't become connectors, and custom vector shapes won't become shapes with text.

  FigJam objects

  If you've copied FigJam objects to Figma design and made changes, Figma will keep these changes when you bring them back into FigJam files. For example: changing the color of a sticky note, or adjusting the stroke weight of a connector.

  If you update the object to use a FigJam-specific style again, you won't be able to undo that action to access the custom styling you applied in Figma design.

  Note

  If you copy an unpublished component from a Figma file and paste it into a FigJam file, the object will paste as a regular object. We recommend publishing the component to a library and accessing the component from your libraries in FigJam.

  Share libraries

  Create component libraries in Figma design and access them from FigJam files.

  • Guide to libraries →
  • Libraries in FigJam →
• Sticky notes in FigJam

  Stickies are the virtual equivalent to the sticky notes we all know and love. They're the core for any FigJam board, along with shapes and connectors.

  Use stickies for:

  • Brainstorms and pitch sessions
  • Retrospectives
  • Kanban style to-do lists or project management
  • Card sorting exercise
  • Anything you put your mind to that involves text in a colorful sticky note!

  Note

  Stickies can only contain text.

  Create a sticky note

  You can create sticky notes from the toolbar or from existing stickies.

  From the toolbar and shortcuts

  

  1. Click the stack of stickies in the toolbar.
  2. Hover the sticky preview over the board to pick a spot.
  3. Click again to drop the sticky.

  You can also drag and drop a sticky from the toolbar onto the board.

  Once your sticky is on the board, you can immediately start typing to add text.

  Note

  The color of your stickies is randomly selected when you open a jam file, and can be changed using the settings bar when you select a sticky from the board. Changing a sticky's color on the board will change the color of your stack in the toolbar for new stickies.

  Keyboard shortcut

  Use the keyboard shortcut:

  1. Press S.
  2. Hover the sticky preview over the board to pick a spot.
  3. Click to drop the sticky.

  Quick actions bar

  1. Open the quick actions bar using:

     Mac: ⌘ Command /

     Windows: Control /

  2. Type sticky, then hit Return or Enter.

  3. Hover the sticky preview over the board to pick a spot.

  4. Click again to drop the sticky.

  From existing stickies

  Quick create

  1. Select an existing sticky note.

  2. Use the keyboard shortcut:

     Mac: ⌘ Command Return

     Windows: Control Enter

  A new, blank sticky note will appear next to the original one with text field active.

  Learn more about quick create →

  Duplicate

  To duplicate a sticky:

  • Select an existing sticky, then use the keyboard shortcut:

    Mac: ⌘ Command D

    Windows: Control D

  • Or, press Alt then click and drag from an existing sticky.

  In either case, the original sticky is duplicated along with any text inside it.

  Note

  When you duplicate a sticky that's grown in size due to its text, then edit the text, the sticky's size will change along with the text.

  Add connectors

  Add connectors between stickies to diagram flows or create paths for others to follow.

  1. Click in the toolbar.
  2. Select between an elbow or straight connector. You can also use the keyboard shortcuts ⇧ Shift C to create an elbow connector, and L for a straight connector.
  3. Click and drag your cursor between the objects you want to connect.

  Once created, you can click and drag a connector's start or end point to another object, or another side of the same object.

  Learn more about creating connectors →

  Add your name to a sticky

  Your stickies automatically include your name at the bottom. This is great for group collaboration where other team members are adding their own stickies to the board. By default, the name on your stickies is taken from your account settings.

  To add or remove your name to a sticky:

  1. Add a sticky to the board.
  2. Click in the toolbar.

  To remove your name, click again.

  Note

  If you clear the text in another person's sticky note, your name is added to the sticky.

  Edit stickies

  You can edit a sticky's color, text, and the text's formatting. Edits can also be made in bulk to a group of selected stickies.

  To edit a sticky:

  1. Select one or more stickies by:
     • Clicking on a single sticky
     • Clicking and dragging your cursor over multiple stickies
     • Or, clicking on multiple stickies while pressing Shift
  2. Edit the text fields or use the toolbar to edit color and text formatting.

  Learn more about selecting objects in FigJam →

  Format text

  You can change the text's formatting using the sticky's toolbar when it's selected. From here, you can change the text's size, weight, create lists, and more.

  Learn more about formating text in FigJam →

  Color

  To edit a sticky's color:

  1. Select the sticky.
  2. Click the color picker in the toolbar.
  3. Select a new color.

  You can change sticky colors in bulk by selecting mutliple stickies. Learn more about using colors FigJam →

  Note

  When you select a group of stickies with more than two colors, the color picker will only show up to two of the selected colors.

  Size

  Stickies come in two shapes: a square and rectangle, like an index card-sized sticky. They change in size vertically depending on its text contents and can be made wider by dragging a side edge. You can also drag a corner to scale their size equally. Shapes with text can be scaled to a different size regardless of its content.

  

  Learn more about resizing objects FigJam →

  Delete a sticky

  To delete a sticky from your board:

  1. Select one or more stickies by:
     • Clicking on a single sticky
     • Clicking and dragging your cursor over multiple stickies
     • Or, clicking on multiple stickies while pressing Shift
  2. Press Delete.
• Visualize information using shapes with text

  Before you start you should know

  • Anyone with can edit access create and edit shapes with text.
  • Shapes with text are created in FigJam, Figma's new digital whiteboarding tool.

  About shapes

  Shapes in FigJam are foundational tool for any project. Shapes can be resized, rotated, and given dashed or solid outlines.

  Shapes are perfect for:

  • Diagrams
  • Flow charts
  • User journeys and user flows
  • Site maps
  • Data flow diagrams
  • Any fun exercise involving shapes with text!

  Types of default shapes

  

  • Square
  • Ellipse
  • Triangle (downward and upward pointing)
  • Diamond
  • Rounded rectangle
  • Parallelograms (right and left-leaning)
  • Cylinder
  • Horizontal cylinder
  • File
  • Folder

  Create shapes

  There are a few ways to create a shape, from either the toolbar or an existing shape on the board.

  From the toolbar

  

  1. Click next to the Shape tool to select a shape.
  2. Hover the shape preview over the board to pick a spot.
  3. Click again to drop the shape.

  You can also drag and drop a shape from the toolbar onto the board.

  Shortcut

  Use the keyboard shortcuts:

  • Square: R
  • Ellipse: O

  Note

  There currently aren't keyboard shortcuts for the other shapes.

  Quick actions

  Open the quick actions bar using:

  1. Use the keyboard shortcut:
     • Mac: ⌘ Command /
     • Windows: Control /
  2. Type the shape name like rectangle or diamond, then hit Return or Enter.
  3. Hover the shape preview over the board to pick a spot.
  4. Click again to drop the shape.

  From existing shapes

  Quick create

  1. Create or select an existing shape.
  2. Use the keyboard shortcut:
     • Mac: ⌘ Command Return
     • Windows: Control Enter

  A new shape will appear next to the original one.

  Learn more about quick create →

  Duplicate

  To duplicate a shape:

  Select an existing shape, then use the keyboard shortcut:

  • Mac: ⌘ Command D Windows: Control D
  • Or, press Alt then click and drag from an existing shape.

  In either case, the original shape is duplicated along with any text inside it.

  Add connectors

  Add connectors between stickies to diagram flows or create paths for others to follow.

  1. Click in the toolbar.
  2. Select between an elbow or straight connector. You can also use the keyboard shortcuts X or ⇧ Shift L to create an elbow connection, and L for a straight connection.
  3. Click and drag your cursor between the objects you want to connect.

  Once created, you can click and drag a connector's start or end point to another object, or another side of the same object.

  Learn more about creating connectors →

  Edit shapes

  Color

  Use the color picker in the toolbar to change a shape's color or opacity.

  To edit a shape's color:

  1. Select the shape.
  2. Click the color picker in the toolbar.
  3. Select a new color and fill option.

  Learn more about using colors in FigJam →

  Tip!

  You can change shape colors in bulk by selecting multiple shapes. Learn about selecting objects in FigJam →

  Size

  There are two ways to resize a shape:

  • Drag the corner of a shape to evenly scale it up or down in size. The shape will keep its ratios the same, but make the shape a different size.
  • Drag a side of a shape to only change its width or height. This way, you can make an equilateral square into a rectangle, or a perfect circle into an oval.

  When you resize a shape with text, the amount of space the text has changes, but not the text's size. Use the text size options in the toolbar to change text size.

  Learn more about resizing objects in FigJam →

  Text

  You can change the text's formatting using the sticky's toolbar when it's selected. From here, you can change the text's size, weight, create lists, and more.

  Learn more about formating text in FigJam →

  Rotation

  To rotate a shape:

  1. Select the shape you want to rotate.
  2. Hover your cursor near a corner until it turns into
  3. Click and drag your cursor in the direction you want the shape to rotate.

  When you rotate a shape, its contents rotate with it.

  Learn more about rotating objects in FigJam →

  Note

  You can only rotate shapes 15 degrees at a time. There isn't a way to rotate a shape in smaller degree increments.

• Create diagrams and flows with connectors and lines

  Before you start you should know

  • Anyone with can edit permissions can create and edit connectors.
  • This article is about lines in FigJam, Figma's new digital whiteboarding tool. Lines in design files are straight vector paths. Figma also has prototype connections.

  Lines in FigJam let you create paths between shapes and stickies, illustrate order, or annotate something on your board. Every line can be customized with its own color, text, end points, and stroke weight.

  

  There are two types of line shapes:

  • Elbowed connectors can wrap around objects to create an indirect path to other objects on the board.
  • Straight lines create a direct path to other objects on the board.

  Create a line

  

  Lines snap onto existing shapes and stickies. This way, a shape brings its lines along with it if it's moved around the board.

  1. Click in the toolbar.
  2. Select between an elbow connector or straight line shape. You can also use the keyboard shortcuts X or ⇧ ShiftL to create an elbow connector, and L for a straight line.
  3. Click and drag your cursor between the objects you want to connect.

  The line tool stays active until you select another tool, or press V or Esc.

  Once created, you can click and drag a line's start or end point to another object, or another side of the same object.

  Tip!

  A connector is automatically added when you add a shape to the board using quick create.

  Move lines

  Lines can be moved around the board and connected to other objects. Their paths can be moved to better illustrate a flow or make space for other objects on the board.

  Move start and end points

  When a line's start and end points are snapped to the side of an object, you can move one of the points at a time to another object, or another side of the same object.

  1. Click anywhere on the line's path.
  2. Click and drag the blue dot for the point you want to move.
  3. Snap it to another object's side.

  To place the end point of a line on any part of an object (and avoid the snapping the line to the side of the object), hold down ⌘ Command (Mac) or Ctrl (Windows) while moving the line.

  

  You can leave a line's start or end point unattached from objects on the board to complete the connection at a later time, or just let it vibe there.

  Move entire line

  To move an entire line, you'll first need to detach the start and end points from any objects they may be connected to. Once detached:

  1. Select the line from the board.
  2. Drag it to its new location.
  3. Connect the start and end points to objects as needed.

  Customize path

  You can customize an elbow connector's path at any time. This lets you create paths around other objects on the board and have some fun with it. To do so:

  1. Select an elbow connector.
  2. Drag the path handle for the portion you want to move.

  For the start and end portions of a connector, dragging can add an extra portion to the path.

  

  Customize lines

  When you first create or open a file, line styles are set to their default properties. For example, they're colored gray, have no text, and are a solid path. Once you add a line to the board, you can use its toolbar to make changes to text, color, line style, and end points.

  FigJam remembers any styles last used for a line during your recent work in a file.

  

  Color

  Give your line's path a different color to illustrate separate flows, paths, or workstreams.

  1. Create or select a line.
  2. Click the color picker.
  3. Select a new color.

  Learn more about using colors in FigJam →

  Line style and stroke

  You can pick between solid and dashed styles for your lines. To alternate between them:

  1. Create or select a line.
  2. Click in the line's toolbar.
  3. Select between solid and dashed.

  Stroke

  Lines can be given two different stroke weights: thick and fine. To change a line's stroke weight:

  1. Create or select a line.
  2. Click in the line's toolbar. By default, the weight is set to fine.
  3. Click the weight you want for your line.

  Text

  Lines can have text labels added to their paths.

  To add text to a path:

  1. Create or select a line.
  2. Click in the line's toolbar.
  3. Add text.

  Use Return / Enter to add a new row to the connector's text label.

  Note

  You can only bold or strikethrough text in a line.

  Move text

  Drag the text label anywhere along the line's path to make it easier for your team to see. This is only possible if the line is long enough to move the label.

  

  Show text background

  When you add text to a line, you can toggle its background on or off. To do so:

  1. Create or select a line.
  2. Click to add a label, then add your text. By default, the background is toggled off.
  3. Click the color picker in the toolbar.
  4. Click to show the text background.

  Note

  The text background color matches the line's color. There isn't a way to give the line and text background different colors.

  Learn more about text in FigJam →

  Start and end point style

  Lines have five types of point styles to help you define direction in a path.

  • None leaves the point with no styling, just the beginning or end of a line.
  • Solid and Line arrows give the point a solid or lined triangle pointing outwards from the line.
  • Triangle gives the point a solid triangle pointing inward towards the line.
  • Diamond gives the point, well, a diamond.

  When you create a line, the toolbar lets you set a style for the line's start and end points individually.

  1. Create or select a line.
  2. Use the line's toolbar to set styles as needed.

  Select multiple lines using ⇧ Shift Click to edit their start and end points in bulk.