Designer's workflow improvement with Figma - Notion integration
summary
A Figma plugin that syncs a Notion database into Figma templates is built and demoed working end-to-end: requirements are Figma desktop, VS Code, Node, a Notion account and the database ID, the code uses a manifest.json, npm install and npm run watch to develop, and a small lambda holds the Notion secret while the plugin calls the Notion API query endpoint to pull all rows and render labels and text into Figma frames. The prototype currently imports full records (no paging) and creates simple templates from database fields.
AI-written summary · about
chapters (6)
- 0:00Introduction and background
- 2:12Why integrate Figma and Notion
- 3:17Setting up the Figma plugin
- 7:33Notion setup and database ID
- 9:03Plugin UI and API integration
- 11:57Q&A and conclusion
related talks
17mThe rise of the design engineer
25mUsing Figma to go beyond Figma
36mElevate Your React Workflow with Figma
16mDesign Language on Autopilot: How Figma and Code Can Automate Your Workflow
29mBuilding custom Figma plugins to unlock new capabilities
23mTaming multiple design systems with a single plugin
14mRethinking Designer-Developer Collaboration
33mFigma deep dive: Agent-built plugins