figma-responsify

Open source TypeScript

GitHub

Stars

Forks

Issues

Watchers

4 years

Last Commit

Frontend Templates UI Design & Prototyping

About figma-responsify

![Figma Responsify](./assets/cover.png) # Figma Responsify ⚡️ A Figma plugin to quickly test your designs across multiple device sizes. [Install on Figma](https://www.figma.com/c/plugin/743654854885744527/Responsify-%E2%9A%A1%EF%B8%8F) ## Usage 1. Select any frame, component, or instance 2. Menu > Responsify️️ ⚡️ > Select device sizes to test 3. Command + Shift + P to re-run ## Installation and contributing 1. Clone the repository: `git clone https://github.com/brianlovin/figma-responsify.git` 1. Install [figplug](https://github.com/rsms/figplug) dependancy: `npm install -g figplug` 1. Go to the directory: `cd figma-responsify` 1. Build the plugin: `figplug build -w -o=./build` 1. Go to the `plugins` directory in Figma 1. Add a new development plugin 1. Select the `figma-responsify/build/manifest.json` file as the manifest

Platforms

Web Self-hosted

Languages

TypeScript

Links

Source Code

Published by

brianlovin

Visit View Profile

README.md

View on GitHub

Figma Responsify

Figma Responsify ⚡️

A Figma plugin to quickly test your designs across multiple device sizes.

Install on Figma

Usage

Select any frame, component, or instance
Menu > Responsify️️ ⚡️ > Select device sizes to test
Command + Shift + P to re-run

Installation and contributing

Clone the repository: git clone https://github.com/brianlovin/figma-responsify.git
Install figplug dependancy: npm install -g figplug
Go to the directory: cd figma-responsify
Build the plugin: figplug build -w -o=./build
Go to the plugins directory in Figma
Add a new development plugin
Select the figma-responsify/build/manifest.json file as the manifest