/figma-device-screenshot

Primary LanguageTypeScriptMIT LicenseMIT

Figma Device Screenshot Widget

This repository contains a Figma plugin that allows you to take screenshots on your Android devices and place into a Figma Image.

Which is useful when comparing designs with real devices. Figma Device Screenshot Widget

Preparation

Install the plugin

Install from https://www.figma.com/community/widget/1204364503317721969

Install Node (Skip if you already have Node installed)

Install from Node.js Official Page

Install the cli from npm

npmjs link

npm install -g @borealing/figma-device-screenshot-cli

Run the server

figma-device-screenshot server [-p <port>]

Usage

Find the widget

Find the widget

Add the widget to your frame

Add the widget to your frame

Refresh devices

Refresh devices

Select a device

Select a device

Refresh screenshots

Refresh screenshots

Change API host (optional)

Change API host

Build

To install dependencies, run:

rush update

To build the whole project, run:

rush build

Build the plugin

To build and watch the plugin, run:

cd apps/plugin
rushx watch