svg-to-code-figma

KO | EN

gitlite — search

#javascript #python #ruby #php #hacktoberfest #library #dotfiles #shell #c-plus-plus #bash #metadata #java

svg-to-code-figma

★ 22 Open GitHub ↗

Generate SVG to Code (React) - Figma Plugin

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![SVG-TO-CODE-figma](https://raw.githubusercontent.com/realvjy/svg-to-code-figma/main/src/preview.jpg)](https://www.figma.com/community/plugin/1348045528828166727/svg-to-code-react-component)

# Instant SVG to Code
This Figma (Dev) plugin allows you to generate react components from selected nodes instantly.

## How to use
1. Select elements you want to transform

2. Run "SVG to Code" plugin from Dev Mode

3. Copy/Save react components

4. Or check the thumbnail to use

---
## Figma Community

Grab community file from 👉 here [Figma Community](https://www.figma.com/community/plugin/1348045528828166727/svg-to-code-react-component)

## Local development

Plugin is opensource. You are welcome to contribute.

1. Clone the repository

```shell
   git clone
   cd svg-to-code-figma
   ```

1. Install the dependencies

```shell
   yarn
   ```

1. Build the plugin

```
   yarn watch
   ```

1. Open the [Figma desktop app](https://www.figma.com/downloads/)

1. Go to `Menu > Plugins > Development > Import Plugin from manifest...`

1. Choose `svg-to-code-figma/manifest.json`

1. Run the plugin by going to `Menu > Plugins > Development > SVG to Code`

## Support & Donate

[Github sponsor](https://github.com/sponsors/realvjy) | [Buy me a coffee](https://buymeacoffee.com/realvjy)

## Say hi or Feedback

Feel free to tag me or say hi on Twitter ([@realvjy](http://twitter.com/realvjy)). You are also welcome to share your feedback or bug reports 🙏

svg-to-code-figma

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README