Skip to main content

AI Meets Collaborative Whiteboarding

Figma Console MCP now extends beyond Figma Design files into FigJam — Figma’s collaborative whiteboarding tool used by millions of teams for brainstorming, planning, diagramming, and retrospectives. This is not a read-only integration. Your AI assistant can create content on FigJam boards and read everything back — turning FigJam into a programmable canvas for AI-assisted collaboration.

What is FigJam?

FigJam is Figma’s whiteboarding product, purpose-built for ideation and team collaboration. Teams use it for brainstorming sessions, user flow diagrams, sprint retrospectives, project planning, and technical architecture discussions. It features sticky notes, shapes, connectors, tables, and more — all in a free-form infinite canvas. With Figma Console MCP, every one of those elements is now accessible to AI agents.

What’s Now Possible

AI assistants connected through Figma Console MCP can now interact with FigJam boards programmatically:

Create Sticky Notes

Place individual stickies or batch-create up to 200 at once, with 9 color options for categorization and visual grouping.

Build Flowcharts

Create shapes (rectangles, diamonds, ellipses, engineering symbols) and connect them with labeled connectors to produce complete diagrams.

Generate Tables

Create structured tables up to 100 rows by 50 columns, pre-populated with cell data — perfect for comparison matrices and planning grids.

Share Code Snippets

Add code blocks with language-specific syntax highlighting directly to the board for technical reviews and documentation.

Auto-Arrange Layouts

Organize elements into grid, horizontal, or vertical layouts with configurable spacing — no manual dragging required.

Read Board Contents

Retrieve all board elements with full type-specific serialization, including sticky text, shape types, table data, and connector graphs.

The 9 FigJam Tools

Every tool is available in both Local Mode and Cloud Mode.
ToolDescription
figjam_create_stickyCreate a single sticky note with text and optional color and position
figjam_create_stickiesBatch-create up to 200 sticky notes in a single call
figjam_create_connectorConnect two nodes with a connector line and optional text label
figjam_create_shape_with_textCreate a labeled shape for flowcharts and diagrams
figjam_create_tableCreate a table with rows, columns, and pre-populated cell data
figjam_create_code_blockAdd a code snippet with language syntax highlighting
figjam_auto_arrangeArrange nodes in grid, horizontal, or vertical layouts
figjam_get_board_contentsRead all content from a FigJam board with type-specific data
figjam_get_connectionsRead the full connection graph — edges, labels, and connected nodes

Supported Shapes

The figjam_create_shape_with_text tool supports the following shape types for building diagrams:
ShapeUse Case
ROUNDED_RECTANGLEProcess steps, general-purpose nodes (default)
DIAMONDDecision points in flowcharts
ELLIPSEStart/end terminators
TRIANGLE_UP / TRIANGLE_DOWNDirectional indicators
PARALLELOGRAM_RIGHT / PARALLELOGRAM_LEFTInput/output operations
ENG_DATABASEDatabase references
ENG_QUEUEMessage queues and buffers
ENG_FILEFile operations
ENG_FOLDERDirectory or collection references

Sticky Note Colors

Nine color options for visual categorization: YELLOW, BLUE, GREEN, PINK, ORANGE, PURPLE, RED, LIGHT_GRAY, GRAY.
For full parameter details, default values, and return types, see the FigJam Tools reference.

Use Cases

These are real-world scenarios where FigJam support transforms AI-assisted workflows. Each example includes a prompt you can try with your AI assistant.

Affinity Mapping from Meeting Notes

Turn unstructured meeting notes into an organized affinity map — instantly.
Generate an affinity map from these meeting notes on a FigJam board.
Group related ideas using colored stickies: BLUE for product features,
GREEN for technical requirements, PINK for user feedback, and ORANGE
for open questions. Arrange each group in a grid layout.
The AI uses figjam_create_stickies to batch-create all notes, assigns colors by category, and calls figjam_auto_arrange to lay them out in clean groups.

User Flow Diagrams

Build complete flowcharts from a verbal description of a user journey.
Create a user flow diagram for the checkout process on our FigJam board.
Start with "View Cart", then decision diamond "Has Account?", branching
to "Sign In" and "Guest Checkout", merging at "Enter Shipping", then
"Payment", and ending at "Order Confirmed".
The AI creates shapes with figjam_create_shape_with_text (rounded rectangles for steps, diamonds for decisions, ellipses for start/end) and wires them together with figjam_create_connector using descriptive labels like “Yes” and “No” on the branches.

Sprint Retrospective Board

Set up a structured retro board in seconds, ready for the team to fill in.
Create a sprint retrospective board with three sections:
- GREEN stickies column: "What went well" with 3 placeholder items
- PINK stickies column: "What to improve" with 3 placeholder items
- BLUE stickies column: "Action items" with 3 placeholder items
Arrange each column vertically with clear spacing between groups.

Summarize an Existing Board

Read a brainstorming board and extract actionable insights.
Read this FigJam brainstorming board and summarize the themes.
Group the sticky notes by topic, identify the most common ideas,
and list any action items or decisions that were captured.
The AI calls figjam_get_board_contents to retrieve all elements, then analyzes the text content to produce a structured summary — no manual reading required.

Comparison Tables

Create structured decision matrices for stakeholder review.
Create a comparison table on this FigJam board for our 3 platform
options: AWS, GCP, and Azure. Include rows for: Compute pricing,
Database options, CDN performance, Developer experience, and
Enterprise support. Fill in what you know.
The AI uses figjam_create_table to generate a pre-populated table that the team can review and annotate collaboratively.

Code Review on the Board

Share code directly on the whiteboard for collaborative technical discussion.
Add this TypeScript function to the FigJam board as a code block
so the team can review it during our architecture session:

async function processOrder(order: Order): Promise<Receipt> {
  const validated = await validateOrder(order);
  const payment = await chargePayment(validated);
  return generateReceipt(payment);
}
The AI uses figjam_create_code_block with TYPESCRIPT syntax highlighting to render the snippet with proper formatting.

Analyze a Flowchart

Understand the structure and relationships in an existing diagram.
What are all the connections in this flowchart? Show me the full
graph of how elements are connected, including any labels on
the connector lines.
The AI calls figjam_get_connections to return the complete edge list with start/end nodes and labels, then presents the graph structure in a readable format — useful for documenting existing flows or identifying missing connections.

How It Works

Editor Type Detection

The Desktop Bridge plugin reports figma.editorType when it connects to the MCP server. When the plugin is running inside a FigJam board, the server automatically makes all 9 FigJam tools available. When running in a Figma Design file, the FigJam tools are hidden and runtime guards prevent accidental use. This means there is no configuration toggle or mode switch. The tools appear based on context.

Same Plugin, New Canvas

FigJam support uses the same Desktop Bridge plugin you already have installed. There is no separate plugin for FigJam. Open any FigJam board, run the Desktop Bridge plugin, and the FigJam tools become available alongside the standard toolset.

Runtime Safety

If a FigJam tool is called while connected to a Figma Design file, it returns a clear error message explaining that FigJam tools require a FigJam board. This prevents accidental misuse and gives the AI assistant enough context to guide the user.

Compatibility

ModeFigJam Support
Local (NPX/Git)Full support
Cloud ModeFull support
Remote (Read-Only)Not available (requires Desktop Bridge)

Getting Started

1

Open a FigJam Board

Open any FigJam board in Figma Desktop. You can create a new board from the Figma home screen or open an existing one.
2

Run the Desktop Bridge Plugin

Launch the Desktop Bridge plugin from Plugins > Development > Figma Desktop Bridge. The plugin connects to the MCP server and reports that the editor type is FigJam.
3

Ask Your AI Assistant to Create

Start with a simple prompt like “Create a yellow sticky note that says Hello from AI” to verify the connection, then move on to more complex workflows like flowcharts, tables, and batch operations.
If you have not set up the Desktop Bridge plugin yet, follow the Setup Guide first. The same plugin installation works for both Figma Design files and FigJam boards.

Community Contributors

FigJam support was built by the community and merged into the main project. Recognition goes to the contributors who made this possible:
  • klgral (G Klas) — Authored the original FigJam write tools: sticky notes, batch stickies, connectors, shapes, tables, code blocks, and auto-arrange.
  • lukemoderwell (Luke Moderwell) — Authored the FigJam read tools (figjam_get_board_contents and figjam_get_connections) and contributed documentation.
Figma Console MCP is open source. If you want to contribute new tools or improvements, visit the GitHub repository.