Code Monkey home page Code Monkey logo

figma-latex-complete-plugin's Introduction

LaTeX Complete

recording

Developing

After running your first build (below), add the plugin to your Figma desktop client. Open the Resources panel (shift-I), then click Plugins, select Development, click +, Import plugin from manifest, then select manifest.json in this repo.

Dev build

npm run build:watch

Prod build

Note: prod build is much faster to load when testing stuff

npm run build

symbols.json mapped from https://github.com/vspinu/math-symbol-lists/blob/master/math-symbol-lists.el via https://repl.it/@MaxKrieger/PuzzlingAppropriateMuse

Roadmap

  • Adjustable size
  • Reduce package size via webpack magic

Related work

https://www.figma.com/c/plugin/754622689958838972 (seems to be broken as of 01/06/2020)

https://github.com/zindlerb/tex-block

figma-latex-complete-plugin's People

Contributors

dependabot[bot] avatar karutt avatar maxkrieger avatar snom3ad avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

figma-latex-complete-plugin's Issues

Edit equation

Fantastic work :o

Would be ace if you could seamlessly edit an equation
(the group name is already the tex source, so you can copy, delete, and re-insert; but that's not as smooth)

Universal app compatibility

I didn't know if it was worth trying to put a pull request in, but would it be possible to add universal compatibility for Figma and FigJam with the release of FigJam plugins? All that I can see that needs adding is
"editorType: ["figma", "figjam"]
to the manifest.json file. It seems to work fine in FigJam.

Features I plan to pull request

1. Re-editing once-generated formulas

In the past, once a formula was generated, it was output as an svg and there was no way to edit it. Therefore, a re-editing function has been added.

  1. select object โ†’ press edit button
  2. select object โ†’ run plugin

You can now re-edit formulas in either of the above two ways.
edit

2. Resizing the Plugin Window

Since there were some cases where the size of the plugin window was too small, such as when LaTeX Code is long, a function to resize the plugin window has been added at the lower right corner of the plugin window.
resize

3. Specify the font size of formulas

Previously, the width of the SVG output of formulas was always set to 200px, so if you wanted to output formulas with a certain font size, you had to manually change the size by eye. Therefore, we have added a feature that allows you to specify the font size when outputting.
fs

4. Adding formulas to a selected node

Previously, the formula created did not belong to any node and was placed in the center of the display screen. Therefore, there was a hassle of moving the formula to the node you are currently working on. Now, when you select a FrameNode or GroupNode, run the plugin, and generate a formula, the formula will be added to the selected node.
append

5. Dark theme support

dark_theme

That's all.
Sorry that the text may be difficult to read, as I translated Japanese to English on a translation site.

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.