/figma-viewer-chrome-plugin

Primary LanguageTypeScriptGNU General Public License v3.0GPL-3.0

Figma viewer chrome plugin

For now Figma plugins are only available for editors. This project is a solution for viewers. You can do many things by this. For example, create a plugin for better inspect experience for developers.

Note
It's a Chrome plugin, not a figma plugin.

overview.mp4

Features

  • Light and dark mode following Figma theme
  • Dragable anywhere in the window
  • Expand and collapse

Development

Install dependencies.

yarn

Setup dev mode.

yarn dev

Just change the code of src/ui/Main.tsx. You can use the object figma directly. No postMessage needed.

Build.

yarn build

Usage

  1. Open extensions management chrome://extensions/ in Chrome.
  2. Enable developer mode at top right corner.
  3. Select Load unpacked at top left.
  4. Select dist folder.