GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → brianlovin → figma-responsify

brianlovin / figma-responsify

Licence: other
⚡️A Figma plugin to quickly test your designs across multiple device sizes.

Programming Languages

typescript
32286 projects

Labels

responsivefigmafigma-plugin

Projects that are alternatives of or similar to figma-responsify

figma-tailwindcss
A plugin that tries to bridge the gap between designs and code. Figma tailwindcss lets you export aspects of a design made in Figma to a javascript theme file that you can import into your tailwindcss config
Stars: ✭ 63 (+23.53%)
Mutual labels:  figma, figma-plugin
figma-hosted-export
Copy hosted image URLs for any frame inside Figma
Stars: ✭ 39 (-23.53%)
Mutual labels:  figma, figma-plugin
assistant
🤖 Bring your Figma design & development pipeline to the next level - with design to code, in-design-content-management, component management, tools for faster design
Stars: ✭ 451 (+784.31%)
Mutual labels:  figma, figma-plugin
figma-plugins-stats
📈 A CLI to get live and historical stats for your Figma plugins
Stars: ✭ 53 (+3.92%)
Mutual labels:  figma, figma-plugin
figma-plugin-helpers
A collection of useful helper functions to import to your Figma plugin project
Stars: ✭ 161 (+215.69%)
Mutual labels:  figma, figma-plugin
figma-plugin-typescript-boilerplate
Figma plugin TypeScript boilerplate to start developing right away
Stars: ✭ 43 (-15.69%)
Mutual labels:  figma, figma-plugin
figma-static-localizer
A Figma plugin for static localization
Stars: ✭ 30 (-41.18%)
Mutual labels:  figma, figma-plugin
phosphor-figma
A flexible icon family for Figma
Stars: ✭ 17 (-66.67%)
Mutual labels:  figma, figma-plugin
Figmatocode
Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
Stars: ✭ 2,299 (+4407.84%)
Mutual labels:  responsive, figma
just-responsive-images
WordPress Plugin to support better responsive images with <picture> tag, backgrounds, retina support etc.
Stars: ✭ 47 (-7.84%)
Mutual labels:  responsive
angular-image-loader
A simple progressive, responsive, lazy image and video loading library for Angular that detects browser size and loads the appropriate image or video only when the element is in viewport. This package requires @thisissoon/angular-inviewport
Stars: ✭ 21 (-58.82%)
Mutual labels:  responsive
fancybox
jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.
Stars: ✭ 7,261 (+14137.25%)
Mutual labels:  responsive
microsoft-figma
Produce sass/less variables files from figma
Stars: ✭ 18 (-64.71%)
Mutual labels:  figma
morioh
Morioh Responsive Template with Bootstrap 4, HTML5 and Vue.js
Stars: ✭ 119 (+133.33%)
Mutual labels:  responsive
figma-preview-swiftui
Figma component preview for your SwiftUI views
Stars: ✭ 51 (+0%)
Mutual labels:  figma
boba
A lightweight, modular CSS framework.
Stars: ✭ 47 (-7.84%)
Mutual labels:  responsive
figma-plus-advanced-rename-plugin
A better and more powerful batch rename plugin for Figma with a dozen of options
Stars: ✭ 28 (-45.1%)
Mutual labels:  figma
Figicons
📦 150+ packaged & ready icons, designed in Figma. Ships with support for custom line icons.
Stars: ✭ 20 (-60.78%)
Mutual labels:  figma
flowbite
The most popular and open-source library of Tailwind CSS components
Stars: ✭ 3,727 (+7207.84%)
Mutual labels:  figma
Figma-to-HTML
Figma to HTML/React and truly responsive
Stars: ✭ 27 (-47.06%)
Mutual labels:  figma
View All Similar Projects ➔

Figma Responsify

Figma Responsify ⚡️

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

Install on Figma

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
  2. Install figplug dependancy: npm install -g figplug
  3. Go to the directory: cd figma-responsify
  4. Build the plugin: figplug build -w -o=./build
  5. Go to the plugins directory in Figma
  6. Add a new development plugin
  7. Select the figma-responsify/build/manifest.json file as the manifest
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].