SaveToFigma - Figma plugin to collect design inspiration

Muhammed Althaf

Overview

SaveToFigma is a Figma Plugin along with a Chrome extension that lets designers save, organize and easily import design inspiration found on web. The project was built with Svelte, Tailwind and Firebase.
SaveToFigma
SaveToFigma

The Clipper

The clipper is the chrome extension used to capture screenshots of websites. When an authenticated user clicks the extension icon, two options were provided - either to capture an area of the screen or the whole visible area.
The images can then be organized with tags and collections and saved to firebase.
SaveToFigma chrome extension
SaveToFigma chrome extension

Figma Plugin

The collections can be browsed from the figma plugin and captured images can be imported in to the figma file with a single click.
Images can be searched, filtered and re-organized from within the plugin.
SaveToFigma Plugin
SaveToFigma Plugin
Like this project
0

Posted Jul 7, 2024

SaveToFigma is a Figma Plugin along with a Chrome extension that lets designers save, organize and easily import design inspiration found on web

Motowings Loyalty - A NFC based loyalty program
Motowings Loyalty - A NFC based loyalty program
Litehouse.co - Performance focused agency website revamp
Litehouse.co - Performance focused agency website revamp
Supertweak - dev tool Chrome extension for Tailwind developers
Supertweak - dev tool Chrome extension for Tailwind developers
Peloton - helping students improve with project based learning
Peloton - helping students improve with project based learning