Arabic Extractor is a Figma plugin that simplifies working with Arabic content in Figma designs. It allows you to automatically duplicate your design frames, translate text content into Arabic, rearrange the layout for right-to-left reading, and export the translated text as a JSON file using an Express server.
- Effortlessly duplicate your design frames
- Seamlessly translate text content into Arabic
- Rearrange the layout to accommodate right-to-left reading
- Export the translated text as a JSON file for hassle-free management
- Download and install the Arabic Extractor Plugin from the Figma Plugin store.
- Clone this repository and navigate to the project folder.
- Run
npm install
to install the required dependencies. - Start the Express server by running
node app.js
.
- Select the frame you wish to convert in Figma.
- Launch the Arabic Extractor plugin.
- Watch the plugin duplicate your frame, translate the text, and adjust the layout.
- Click the "Translate design and export JSON" button to send a request to the Express server.
- The server will save the JSON file and provide a download link.
The Express server is responsible for receiving the translated content and exporting it as a JSON file. To use the server, follow the steps below:
- Ensure that the server is running by executing
node app.js
. - The server will listen on
http://localhost:3000
by default. - When you click the "Translate design and export JSON" button in the Figma plugin, the server will receive the translated content and save it as a JSON file in the
public
folder. - The server will provide a download link to access the JSON file.
We welcome contributions to improve the Arabic Extractor plugin. Please submit any bug reports, feature requests, or general feedback as an issue on this repository.
This project is licensed under the MIT License. See the LICENSE file for more information.