All Projects → colebemis → figma-hosted-export

colebemis / figma-hosted-export

Licence: other
Copy hosted image URLs for any frame inside Figma

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to figma-hosted-export

figma-plugins-stats
📈 A CLI to get live and historical stats for your Figma plugins
Stars: ✭ 53 (+35.9%)
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 (+1056.41%)
Mutual labels:  figma, figma-plugin
figma-static-localizer
A Figma plugin for static localization
Stars: ✭ 30 (-23.08%)
Mutual labels:  figma, figma-plugin
figma-plugin-typescript-boilerplate
Figma plugin TypeScript boilerplate to start developing right away
Stars: ✭ 43 (+10.26%)
Mutual labels:  figma, figma-plugin
figma-plugin-helpers
A collection of useful helper functions to import to your Figma plugin project
Stars: ✭ 161 (+312.82%)
Mutual labels:  figma, figma-plugin
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 (+61.54%)
Mutual labels:  figma, figma-plugin
phosphor-figma
A flexible icon family for Figma
Stars: ✭ 17 (-56.41%)
Mutual labels:  figma, figma-plugin
figma-responsify
⚡️A Figma plugin to quickly test your designs across multiple device sizes.
Stars: ✭ 51 (+30.77%)
Mutual labels:  figma, figma-plugin
figma-export
Export tool for Figma. You can easily and automatically export your Figma components and use them directly into your website.
Stars: ✭ 99 (+153.85%)
Mutual labels:  figma
figma-walker
Walkthrough your project without lifting your keyboard / Figma Plugin
Stars: ✭ 45 (+15.38%)
Mutual labels:  figma
iconoir
A Simple and Definitive Open-Source Icons Library
Stars: ✭ 2,429 (+6128.21%)
Mutual labels:  figma
styled-system-figma
Generate theme.js from Figma file
Stars: ✭ 26 (-33.33%)
Mutual labels:  figma
Figma-to-HTML
Figma to HTML/React and truly responsive
Stars: ✭ 27 (-30.77%)
Mutual labels:  figma
Figicons
📦 150+ packaged & ready icons, designed in Figma. Ships with support for custom line icons.
Stars: ✭ 20 (-48.72%)
Mutual labels:  figma
figma-messenger
Type-safe communication for good 🧐.
Stars: ✭ 24 (-38.46%)
Mutual labels:  figma
figma-dev
Build figma plugins with a modern toolchain
Stars: ✭ 15 (-61.54%)
Mutual labels:  figma
figwrapper
Figwrapper is a script that fully integrates the Figma design tool (web version) into a complete app for Linux with local font support.
Stars: ✭ 13 (-66.67%)
Mutual labels:  figma
figma-preview-swiftui
Figma component preview for your SwiftUI views
Stars: ✭ 51 (+30.77%)
Mutual labels:  figma
Figmatocode
Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
Stars: ✭ 2,299 (+5794.87%)
Mutual labels:  figma
React Figma
⚛️ A React renderer for Figma
Stars: ✭ 1,830 (+4592.31%)
Mutual labels:  figma

Hosted Export Figma plugin

Hosted Export allows you to copy hosted image URLs for any frame inside Figma.

👉 Install on Figma

Demo gif Powered by Component AI's JSX to PNG API.

Usage

  1. Select frame(s) to export
  2. Open "Hosted Export" plugin
  3. Click link icon to copy image URL to clipboard
  4. Paste anywhere you want!

Local development

  1. Clone the repository

    git clone https://github.com/colebemis/figma-hosted-export.git
    cd figma-hosted-export
  2. Install the dependencies

    yarn
  3. Start the development server

    yarn start
    
  4. Open the Figma desktop app

  5. Go to Account > Plugins > In Development > Create new plugin

  6. Choose figma-hosted-export/manifest.json

  7. Run the plugin by going to Menu > Plugins > Development > Hosted Export

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].