Skip to content

Latest commit

 

History

History
40 lines (23 loc) · 1.93 KB

README.md

File metadata and controls

40 lines (23 loc) · 1.93 KB

Figma Video Cover

Actions Status

Figma plugin to get the cover image of a YouTube or Vimeo video from its url.

Figma Video Cover Artwork

How it works?

It opens a Figma panel and you insert the YouTube or Vimeo url. If one or more layers are selected, a fill with the video cover image will be added to all of them. If no layer is selected, a new layer will be created with the video cover fill added.

Figma Video Cover Demo

Development

To develop a Figma plugin you need to install the desktop app. Learn more in the Figma Plugin docs.

Available commands:

  • npm run dev: starts the watcher for changes. Modify the files under the src folder and the code will be compiled automatically. Then, go to the Figma app and run your development plugin.
  • npm run build: generates the production build in the dist folder. Before generating the build, it checks the TypeScript code for linting errors.
  • npm run test: simple test that ensures that the ui.html and plugin.js files have been generated in the dist folder.
  • npm run lint: lint TypeScript code.
  • npm run lint:fix: lint and apply automatic fixes to TypeScript code. This script runs before build.

Having problems?

Take a look if someone already opened a similar issue or open a new one.

Artwork (Figma)

See the artwork for the Figma icon and cover in the Figma file.

Roadmap

  • Support more video platforms.

Made with ♥️ by Aarón García Hervás