Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/candidosales/figma-format-code

A Figma plugin designed to allow you to format and syntax highlight code
https://github.com/candidosales/figma-format-code

code figma highlight plugin

Last synced: 2 months ago
JSON representation

A Figma plugin designed to allow you to format and syntax highlight code

Awesome Lists containing this project

README

        

![Format Code promo image](assets/cover-github.png?raw=true 'Format Code promo')

# Format Code

Format Code makes it easy to format code snippets and add a theme for syntax highlight

More features coming soon, including support for more languages and improvements in usability.

Design & Developed by Cândido Sales.

## Preview

![Presentation](/presentation.gif)

## Languages supported

- CSS;
- HTML;
- It has a known issue with `` tags. I'm still investigating how to fix it;
- Go;
- GraphQL;
- Java;
- Javascript;
- JSON;
- Haskell;
- Kotlin;
- Less;
- Lua;
- Markdown;
- Python;
- Ruby;
- Rust;
- SCSS;
- Typescript;
- YAML;

## Themes supported

- A 11 Y Dark;
- A 11 Y Light;
- Android Studio;
- Atom One Dark;
- Atom One Light;
- Default;
- Dracula;
- Ocean;
- Github;
- Github Dark;
- Material;
- Material Darker;
- Material Palenight;
- Monokai Sublime;
- Paraiso Dark;
- Paraiso Light;
- Solarized Dark;
- Solarized Light;
- Vs;
- Vs 2015;
- Xcode;
- XT 256;

## 📚 Reference

- https://github.com/figma/plugin-samples
- https://github.com/yuanqing/create-figma-plugin
- https://github.com/highlightjs/highlight.js
- https://github.com/thomas-lowry/themer
- https://github.com/oriziv/figma-sass-less-plugin
- https://prettier.io/docs/en/options.html#parser

## 👍 Contribute

If you want to say thank you and/or support the active development this project:

1. Add a [GitHub Star](https://github.com/candidosales/figma-format-code/stargazers) to the project.
2. Tweet about the project [on your Twitter](https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fcandidosales%2Ffigma-format-code%20&via=candidosales&text=A%20Figma%20plugin%20designed%20to%20allow%20you%20to%20format%20and%20syntax%20highlighting%20code).
3. Write a review or tutorial on [Medium](https://medium.com/), [Dev.to](https://dev.to/) or personal blog.
4. Support the project by donating a [cup of coffee](https://buymeacoff.ee/candidosales).

## ☕ Supporters

If you want to support Format Code, you can ☕ [**buy a coffee here**](https://buymeacoff.ee/candidosales)

Buy Me A Coffee

| | User | Donation |
| :-------------------------------------------------------- | :----------------------------------- | :------- |
| ![](https://avatars.githubusercontent.com/u/2124218?s=25) | [@g0dkar](https://github.com/g0dkar) | ☕ x 5 |

## ✨ Acknowledgment

- 😯

## Author

- Cândido Sales - [@candidosales](https://twitter.com/candidosales)

## ⚠️ Copyright and license

Code and documentation copyright 2020-2030 the [Authors](https://github.com/candidosales/figma-format-code/graphs/contributors) and Code released under the [MIT License](https://github.com/candidosales/figma-format-code/blob/master/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).