# How Product Managers can use Make connectors Source: https://www.youtube.com/watch?v=_V32KyuRvIc Recap page: https://rapidrecap.app/video/_V32KyuRvIc Generated: 2025-11-24T13:04:26.364+00:00 --- ## 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). ![Screenshot at 00:03: The screen displays the PRD for the Astra Video Editor Interface \(MVP\), detailing its overview, goals, and supported features, which is the document the AI agent is tasked with accessing via the Notion connector.](https://ss.rapidrecap.app/screens/_V32KyuRvIc/00-00-03.png) **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. ### Astra Video Editor Interface (MVP) PRD Overview - Defines the MVP implementation of an AI-assisted, web-based video editor supporting basic playback, AI prompting via chat, commenting, audio waveforms, and multimodal context awareness. ### Goals - Provide a central workspace for creators to edit/prompt/collaborate, enable AI-assisted editing via chat, support contextual commenting, maintain performance, and lay the foundation for future AI-driven actions. ### Connectors Setup - Demonstrates adding the Notion connector to allow the AI to read and interact with Notion workspace data, including options for Asana, Atlassian, GitHub, Linear, and Monday. ### AI Context Retrieval - The AI uses the Notion connector to search for and fetch the full content of the 'Astra Video Editor Interface PRD' document to inform the prototype generation (04:40). ### Prototyping and Manipulation - Once the context is fetched, the application generates a prototype (04:52) where elements like the video player, timeline, and chat interface are visible, allowing designers to manipulate elements directly on the canvas or use the generated code structure. ### Figma Best Practices for PMs - Highlighted practices include bringing in context via connectors, using designs/libraries/templates, point-and-edit capabilities, and simulating/using real data. ![Screenshot at 00:03: The screen displays the PRD for the Astra Video Editor Interface \(MVP\), detailing its overview, goals, and supported features, which is the document the AI agent is tasked with accessing via the Notion connector.](https://ss.rapidrecap.app/screens/_V32KyuRvIc/00-00-03.png) ![Screenshot at 02:22: The 'Connectors' modal is open, showing available integrations like Asana, Atlassian, GitHub, Linear, and Notion, which enable context sharing.](https://ss.rapidrecap.app/screens/_V32KyuRvIc/00-02-22.png) ![Screenshot at 04:53: The main application screen shows the AI chat panel on the left detailing the reasoning and successful tool execution \(notion-search, notion-fetch\), while the center displays the video editor interface.](https://ss.rapidrecap.app/screens/_V32KyuRvIc/00-04-53.png) ![Screenshot at 05:53: The video player now shows an animated scene of cartoon characters, indicating the AI has successfully generated a prototype based on the PRD context retrieved from Notion.](https://ss.rapidrecap.app/screens/_V32KyuRvIc/00-05-53.png) ![Screenshot at 09:12: A slide summarizing Figma Make best practices for PMs, featuring four quadrants: 'Bring in context with connectors', 'Use designs, libraries, templates', 'Point and edit', and 'Simulate or use real data'.](https://ss.rapidrecap.app/screens/_V32KyuRvIc/00-09-12.png)