Git Product home page Git Product logo

figplug's Introduction

figplug

Figma plugin helper.

  • Simplify creation of plugins
  • Simplify compiling of plugins
  • Yields plugins with efficient code that loads fast
  • TypeScript
  • Supports React out of the box

Install: npm install -g figplug

Examples:

# create a plugin
figplug init -ui my-plugin
# build a plugin
figplug build -w my-plugin
# Your plugin is now available in "my-plugin/build".
# -w makes figbuild watch your source files for changes
# and rebuild your plugin automatically.

init

Initialize Figma plugins in directories provided as <dir>, or the current directory.

Usage: figplug init [<dir> ...]
Initialize Figma plugins in directories provided as <dir>, or the current directory.
options:
  -ui                Generate UI written in TypeScript & HTML
  -html              Generate UI written purely in HTML
  -react             Generate UI written in React
  -f, -force         Overwrite or replace existing files
  -api=<version>     Specify Figma Plugin API version. Defaults to "1.0.0".
  -name=<name>       Name of plugin. Defaults to directory name.
  -srcdir=<dirname>  Where to put source files, relative to <dir>. Defaults to ".".
  -v, -verbose       Print additional information to stdout
  -debug             Print a lot of information to stdout. Implies -v
  -version           Print figplug version information

build

Builds Figma plugins.

Usage: figplug build [options] [<path> ...]
Builds Figma plugins.

<path>  Path to a plugin directory or a manifest file. Defaults to ".".
        You can optionally specify an output directory for every path through
        <path>:<outdir>. Example: src:build.
        This is useful when building multiple plugins at the same time.

options:
  -w               Watch sources for changes and rebuild incrementally
  -g               Generate debug code (assertions and DEBUG branches).
  -O               Generate optimized code.
  -lib=<file>      Include a global library in plugin code. Can be set multiple times.
  -clean           Force rebuilding of everything, ignoring cache. Implied with -O.
  -nomin           Do not minify or mangle optimized code when -O is enabled.
  -o=<dir>,
    -output=<dir>  Write output to directory. Defaults to ./build
  -v, -verbose     Print additional information to stdout
  -debug           Print a lot of information to stdout. Implies -v
  -version         Print figplug version information

figplug's People

Contributors

dependabot[bot] avatar rsms avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.