Figma Hacks and Workflow Enhancements with Plugins
summary
Describes two Figma plugins: a contrast-grid plugin that imports fills and builds matrices to find color pairs meeting 4.5:1 contrast, and a typography-style sorter that generates catalog-ordered text-style components. Shows using the browser console to run JavaScript for batch renaming, removing main components from frames, and cloning pages with timestamped names, and explains using the Scripter plugin to edit, save, share and persist scripts; notes that plugins typically pass review in days to weeks and that the generators create usable style guides.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 2:12Unique Figma plugin uses
- 3:37Color contrast demo
- 5:05Typography demo
- 6:51Figma API basics
- 10:00Scripting workflows
- 12:29Batch rename script
- 13:56Batch organize components
- 15:24Page backup & duplicate
- 16:48Sharing scripts/plugins
- 18:58Style guide generator demo
- 20:20Plugin development wrap-up
related talks
37mExtend what's possible with Figma Plugins
29mBuilding custom Figma plugins to unlock new capabilities
33mFigma deep dive: Agent-built plugins
25mUsing Figma to go beyond Figma
28mPushing Figma to its limits
16mDesign Language on Autopilot: How Figma and Code Can Automate Your Workflow
36mElevate Your React Workflow with Figma
42mCode, Creativity, and Community at Figma