Penpot/penpot-exporter-figma-plugin
0
Fork 0
mirror of https://github.com/penpot/penpot-exporter-figma-plugin.git synced 2024-12-22 13:43:03 -05:00
Code Issues Activity

Merge pull request #14 from micahchoo/main

Browse source 
Edited for Readability for Beginners
This commit is contained in:
Pablo Alba 2023-01-02 08:28:09 +01:00 committed by GitHub
commit 12c918c16f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
README.md
View file

@ -54,28 +54,46 @@ There is a sense of urgency for this capability because there is a feeling that
This plugin makes use of npm, webpack and react, and is written on TypeScript. It also includes a Penpot file builder library.
### Prerequisites
* node / npm
### Pre-requisites
### Install dependencies
```
npm install
```
To use this plugin, you will need to have `node` and `npm` installed on your computer. If you don't already have these, you can download and install them from the official website ([https://nodejs.org/en/](https://nodejs.org/en/)).
### Build the plugin
```
npm run build
```
Once you have `node` and `npm` installed, you will need to download the source code for this plugin. You can do this by clicking the "Clone or download" button on the GitHub page for this project and then selecting "Download ZIP". Extract the ZIP file to a location on your computer.
### Building
### Add the plugin to Figma
#### For Windows users:
1. Open the terminal by searching for "Command Prompt" in the start menu.
2. Use the `cd` command to navigate to the folder where the repository has been extracted. For example, if the repository is located in the `Downloads` folder, you can use the following command: `cd Downloads/figma-exporter`.
3. Once you are in the correct folder, you can run the `npm install` command to install the dependencies, and then the `npm run build` command to build the plugin.
#### For Mac users:
1. Open the terminal by searching for "Terminal" in the Launchpad or by using the `Command + Space` keyboard shortcut and searching for "Terminal".
2. Use the `cd` command to navigate to the folder where the repository has been extracted. For example, if the repository is located in the `Downloads` folder, you can use the following command: `cd Downloads/figma-exporter`.
3. Once you are in the correct folder, you can run the `npm install` command to install the dependencies, and then the `npm run build` command to build the plugin.
#### For Linux users:
1. Open the terminal by using the `Ctrl + Alt + T` keyboard shortcut.
2. Use the `cd` command to navigate to the folder where the repository has been extracted. For example, if the repository is located in the `Downloads` folder, you can use the following command: `cd Downloads/figma-exporter`.
3. Once you are in the correct folder, you can run the `npm install` command to install the dependencies, and then the `npm run build` command to build the plugin.
### Add to Figma
`Figma menu` > `Plugins` > `Development` > `Import plugin from manifest…`
To add the plugin to Figma, open Figma and go to the `Plugins` menu. Select `Development` and then choose `Import plugin from manifest…`.
Select the `manifest.json` file that is located in the folder where you extracted the source code for the plugin.
### To use the plugin
1. Select what you want to export
2. `Figma menu` > `Plugins` > `Development` > `Penpot Exporter`
go to the `Plugins` menu in Figma and select `Development` followed by `Penpot Exporter`.
3. This will generate a .zip file that you can import into Penpot.
And choose the manifest.json file
### Launch the plugin and exporting a penpot file
`Figma menu` > `Plugins` > `Development` > `Penpot Exporter`
This will generate a .zip file that you can import from penpot
## Call to the community ##