Skip to main content

Turn your ChatGPT brainstorms into FigJam diagrams

An illustration of a bouncing arrow on a purple background, surrounded by the numbers 1, 2, 3An illustration of a bouncing arrow on a purple background, surrounded by the numbers 1, 2, 3

With the new Figma app in ChatGPT, you can turn conversations into FigJam diagrams like flow charts, Gantt charts, and more.

Starting today, the Figma app in ChatGPT will be able to recommend and create AI-generated FigJam diagrams based on your conversation. Users can also upload files like photos, drawings, and PDFs to guide the output. That currently includes text-based flow charts, sequence diagrams, state diagrams, and Gantt charts, with more to come.

FigJam diagrams can play a part in everyday life, too. Try using Figma in ChatGPT to navigate tricky moments and big decisions, whether it’s a Gantt chart to help plan a wedding or a decision tree to determine if you should buy or rent.

Teams already turn to ChatGPT to explore new ideas and break down complex problems. Now they can take the next step to visualize concepts in a FigJam diagram that’s easy to understand and iterate on. To use the Figma app, simply mention it in your ChatGPT prompt, i.e., “Figma, make a diagram from this sketch.” ChatGPT can also suggest the Figma app when it’s relevant to the conversation.

Below, we break down a few ways this can fit into your team’s workflows.

Rev on designs faster

While an idea may start on a whiteboard, notebook, or even a cocktail napkin, it’s only when it moves into a collaborative space like FigJam that teammates can help take the idea further. The Figma app in ChatGPT helps with that transition by turning drawings into diagrams. “FigJam has always been a place where we can share and sharpen ideas,” says Figma Product Designer, Alex Savard. “Now it’s easier than ever to go from idea to artifact.”

Screenshot showing ChatGPT converting a hand-drawn signup flow sketch into a neat digital flowchart diagram in Figma.Screenshot showing ChatGPT converting a hand-drawn signup flow sketch into a neat digital flowchart diagram in Figma.
Use Figma in ChatGPT to go from napkin sketch to FigJam diagram.

Here are a couple ways for designers to harness the feature:

  • Turn drawings into diagrams. Transform ephemeral sketches into long-lasting FigJam files that you can improve and share.
  • Ask for updates. Use ChatGPT to suggest edits to a diagram, expand it to include additional topics, or explore alternate ways to visualize information.
  • Outsource the first draft. ChatGPT can quickly parse dense content, so upload the documents and context it needs to take a first pass at a complex diagram.

Tackle technical questions

Diagramming can help developers think critically about systems design and communicate technical decisions—no small task when information is dispersed across code and documents, and context is owned by different teammates. “The fact that I can now easily visualize a system and be live collaborating with other engineers in FigJam within minutes makes everything smoother,” says Nile Phillips, a software engineer at Figma.

Screenshot of ChatGPT generating a Figma diagram that visualizes a service-oriented architecture for an E2E payments applicationScreenshot of ChatGPT generating a Figma diagram that visualizes a service-oriented architecture for an E2E payments application
Ask ChatGPT to help you prepare for technical interviews.

The Figma app in ChatGPT can ease developers’ pain points:

  • Create and update diagrams that clarify software architecture. Upload technical documentation and screenshots to ChatGPT to jumpstart the process.
  • Research technical approaches. Use ChatGPT to draw from blogs and case studies to build architectural diagrams that visualize how technical leaders solve common challenges.
  • Look up component structures. For instance, upload a screenshot of a pricing page and ask ChatGPT to diagram the corresponding React JS components.

Visualize ideas and plans

Creating any product roadmap means navigating a maze of possible paths forward and thinking deeply about user needs. “Diagrams are pivotal to helping our teams visualize flows and map out user journeys,” says Figma Product Manager Pratik Nadagouda. “Iterating on ideas in ChatGPT allows me to explore on my own, and bringing those results into FigJam enables further collaboration with my team.”

Screenshot of ChatGPT generating a flowchart of a two-factor authentication process from an attached PRD.Screenshot of ChatGPT generating a flowchart of a two-factor authentication process from an attached PRD.
Create a FigJam flow chart by uploading a PRD to ChatGPT.

Here’s how PMs can use the Figma app in ChatGPT to align on a path forward:

  • Evaluate and visualize tradeoffs. Say you’re weighing power versus simplicity for a permissioning flow. Turn that brainstorm into several diagrammed options to lead discussions and decisions.
  • Map out user journeys. Upload or paste an existing PRD as a jumping-off point for a user journey flow chart.
  • Build launch calendars. Give ChatGPT the product, engineering, and design requirements to create a Gantt chart that keeps teams on track.

The Figma app in ChatGPT is powered by the Figma MCP server, which now supports remote access and brings context into whatever you’re building.

We’re thrilled to connect the power of ChatGPT with the multiplayer collaboration of FigJam. Our app is now live in ChatGPT for all logged-in ChatGPT users outside of the EU on Free, Go, Plus, and Pro plans. Try it out for yourself, and stay tuned as we support more features and diagram types in the future.

Luke Zhang is the product manager for FigJam. He lives with his partner and two cats in San Francisco, California.

Create and collaborate with Figma

Get started for free