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 → nirsky → figma-plugin-react-template

nirsky / figma-plugin-react-template

Licence: other
Quickstart your Figma Plugin with this template and tooling.

Programming Languages

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

Labels

reacttemplateboilerplatefigma-plugin

Projects that are alternatives of or similar to figma-plugin-react-template

phosphor-figma
A flexible icon family for Figma
Stars: ✭ 17 (-91.46%)
Mutual labels:  figma-plugin
figma-plugin-helpers
A collection of useful helper functions to import to your Figma plugin project
Stars: ✭ 161 (-19.1%)
Mutual labels:  figma-plugin
figma-plugin-typescript-boilerplate
Figma plugin TypeScript boilerplate to start developing right away
Stars: ✭ 43 (-78.39%)
Mutual labels:  figma-plugin
Sigma
Sigma is a Figma plugin of automatically generate SwiftUI code from Figma
Stars: ✭ 145 (-27.14%)
Mutual labels:  figma-plugin
figma-plugins-stats
📈 A CLI to get live and historical stats for your Figma plugins
Stars: ✭ 53 (-73.37%)
Mutual labels:  figma-plugin
figma-static-localizer
A Figma plugin for static localization
Stars: ✭ 30 (-84.92%)
Mutual labels:  figma-plugin
Appearance-figma-plugin
Figma plugin. This plugin generates a dark/light theme from your selection.
Stars: ✭ 36 (-81.91%)
Mutual labels:  figma-plugin
Figma-Timer
No description or website provided.
Stars: ✭ 13 (-93.47%)
Mutual labels:  figma-plugin
bezier-react
React components library that implements Bezier Design System.
Stars: ✭ 85 (-57.29%)
Mutual labels:  figma-plugin
figma-hosted-export
Copy hosted image URLs for any frame inside Figma
Stars: ✭ 39 (-80.4%)
Mutual labels:  figma-plugin
figma-responsify
⚡️A Figma plugin to quickly test your designs across multiple device sizes.
Stars: ✭ 51 (-74.37%)
Mutual labels:  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 (+126.63%)
Mutual labels:  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 (-68.34%)
Mutual labels:  figma-plugin

Figma Plugin React Template

62862431-71537f00-bd0e-11e9-85db-d97c0fb729a4

This template contains the react example as shown on Figma Docs, with some structural changes and extra tooling.

Quickstart

  • Run yarn to install dependencies.
  • Run yarn build:watch to start webpack in watch mode.
  • Open Figma -> Plugins -> Development -> Import plugin from manifest... and choose manifest.json file from this repo.

⭐ To change the UI of your plugin (the react code), start editing App.tsx.
⭐ To interact with the Figma API edit controller.ts.
⭐ Read more on the Figma API Overview.

Toolings

This repo is using:

  • React + Webpack
  • TypeScript
  • Prettier precommit hook
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].