How Product Managers can use Make connectors

Quick Overview

Product managers can leverage Figma Make connectors, such as the Notion connector demonstrated, to bring external context directly into their design and prototyping workflow, allowing them to create high-fidelity prototypes that reference real-world data and documentation, thereby reducing communication friction and the cost of iteration.

Key Points: Figma Make supports connectors like Notion and Atlassian to integrate external project data directly into the design environment. The demonstration specifically shows connecting to Notion, enabling read tools like search and fetch to pull PRD (Product Requirements Document) content directly into the AI agent's context (04:21). The goal is to use this rich, external context to drive AI-assisted design generation, moving beyond simple text prompts (03:53). Connecting to external data allows for simulating or using real data, as shown with the Twigima/Supabase example, ensuring prototypes are grounded in reality (09:16). The ability to 'Point and Edit' (09:11) is enhanced because designers can manipulate elements on the canvas while referencing the live, connected data source. Integrating external data via connectors is a key best practice for PMs, enabling clearer communication and faster iteration cycles (09:04).

Context: The video explains best practices for Product Managers (PMs) using Figma Make, focusing on how its connector features can streamline workflows by integrating external documentation and data sources directly into the design environment. The presenter walks through setting up and using the Notion connector to retrieve a specific Product Requirements Document (PRD) to inform the AI's prototyping process, highlighting how this bridges the gap between documentation and design creation.

Detailed Analysis

The presenter outlines four key best practices for PMs using Figma Make: 1. Bring in context with connectors; 2. Use designs, libraries, templates; 3. Point and edit; and 4. Simulate or use real data. The core of the demonstration focuses on the first point: utilizing connectors. The presenter sets up the Notion connector, which allows the AI agent to search and fetch content from the Notion workspace. By prompting the AI to "Implement the MVP experience outlined in the Astra Video Editor Interface PRD from Notion" (03:59), the agent successfully searches (notion-search) and fetches (notion-fetch) the required document content (04:38). This rich context, pulled from existing documentation, allows the AI to generate a high-fidelity prototype (05:06) that aligns precisely with requirements, reducing guesswork and iteration time compared to relying solely on manually written prompts. The ability to connect to external data sources like Notion, Jira, GitHub, and Supabase (02:26) is presented as a critical way to ground prototypes in real-world data and existing project context, ultimately making design validation and collaboration more efficient.