Demystifying plugin development
summary
Creates a plugin called thumb quote that fetches a random quote via a UI window, posts it to the code sandbox, loads fonts asynchronously, builds a frame plus text node, computes centering math, appends the text, and calls set file thumbnail node async to update the file list thumbnail. Uses plain JavaScript HTML and CSS, the global figma API, message passing between UI and code, and notes bundling and publishing steps; the demo successfully sets thumbnails.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 0:15Me and code
- 0:59Getting started with Figma plugins
- 1:21Thumbquote: plug-in demo
- 4:08Using the API
- 13:16Making network request
- 15:34Wrapping up our plugin
- 17:32Where + how you can publish
- 18:02Building tools + bundling
- 18:25Github repo + further learnings
- 18:50Closing
