Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/Figma-Linux/figma-linux

Figma is the first interface design tool based in the browser, making it easier for teams to create software. Join us in https://t.me/figma_linux
https://github.com/Figma-Linux/figma-linux

electron figma figma-app linux

Last synced: 5 days ago
JSON representation

Figma is the first interface design tool based in the browser, making it easier for teams to create software. Join us in https://t.me/figma_linux

Awesome Lists containing this project

README

        

# Figma electron app (unofficial)

Figma-linux is an unofficial [Electron](http://electron.atom.io)-based [Figma](https://figma.com) desktop app for Linux.




















[![Snap](https://snapcraft.io/figma-linux/badge.svg)](https://snapcraft.io/figma-linux)

## Installation
### Universal
You can install Figma-linux from Snap [here.](https://snapcraft.io/figma-linux)

Alternatively, type
```bash
sudo snap install figma-linux
```
in your terminal.

To use local fonts when using the snapd version create a symbolic link:

```
sudo ln -s $HOME/.local/share/fonts $HOME/snap/figma-linux/current/.local/share/
```

There is also an AppImage available.
Get it on our [Releases](https://github.com/Figma-Linux/figma-linux/releases) page, then make it executable and install using these terminal commands:
```bash
chmod +x figma-linux-*.AppImage
sudo ./figma-linux-*.AppImage -i
```
This is not a portable AppImage - it will install figma-linux on your system, after which you can run it from terminal or from your app list.
For more info, execute
```bash
./figma-linux-*.AppImage -h
```

### Debian-based Distros
Firstly, install `libgconf-2-4`:
```bash
sudo apt install libgconf-2-4
```
Download the .deb package from the [Releases](https://github.com/Figma-Linux/figma-linux/releases) page, and install it with `dpkg` or your favorite .deb installer.
```bash
sudo dpkg -i figma-linux_*_amd64.deb
```

### Ubuntu

On Ubuntu, you can use our PPA:
```bash
sudo add-apt-repository ppa:chrdevs/figma && sudo apt update && sudo apt install figma-linux -y
```

If you receive a `NO_PUBKEY` error while running `apt update`, then you must add the key manualy:
```bash
sudo apt-key adv --recv-key --keyserver keyserver.ubuntu.com 70F3445E637983CC
```

#### Alternative Ubuntu install

Download the .deb package from the [Releases](https://github.com/Figma-Linux/figma-linux/releases) page, and install it with `apt`.
```bash
sudo apt install figma-linux_*_amd64.deb
```

### Arch-based distros

Figma-linux is available on the [AUR](https://aur.archlinux.org/packages/figma-linux/).
You can use an AUR helper like `yay` to install it:
```bash
yay -S figma-linux-bin
```
Other AUR packages:
- [figma-linux](https://aur.archlinux.org/packages/figma-linux) - the package install binary version from release tag
- [figma-linux-bin](https://aur.archlinux.org/packages/figma-linux-bin) - the package install binary version from release tag
- [figma-linux-git](https://aur.archlinux.org/packages/figma-linux-git) - the package build the app from Githab from latest release tag
- [figma-linux-dev-git](https://aur.archlinux.org/packages/figma-linux-dev-git) - the package build the app from Githab from latest commit on the dev branch
### RPM-based distros
Download the .rpm package from our [Releases](https://github.com/Figma-Linux/figma-linux/releases/latest) page, then install it:

```bash
sudo dnf install figma-linux-*.x86_64.rpm
```

### Nixos
On Nixos, you may add `figma-linux` in the `environment.systemPackages` list of your `/etc/nixos/configuration.nix` and run:
```bash
sudo nixos-rebuild switch
```

## Building from source

1. Clone the repository:
```bash
git clone https://github.com/Figma-Linux/figma-linux
cd figma-linux
```
2. Install prerequisites from npm:
```bash
npm i
```
To run Figma-linux from npm in dev mode execute this:
```bash
npm run dev
```
Aside from that, you can also run:

- ```npm run dev``` to run the app in development mode
- ```npm run build``` to built the app for production
- ```npm run start``` to run the built version
- ```npm run builder``` to package the app for distribution.
- * The build targets are listed in ```./config/builder.json```. You can remove the ones you don't need or don't have dependencies for.
- ```npm run pack``` to remove old packages from the installer directory, then pack the app.
- * This depends on [AppImageTool](https://appimage.github.io/appimagetool/) being installed.

Example of **.env** for local development:
```
NODE_ENV=dev
DEV_PANEL_PORT=3330
DEV_SETTINGS_PORT=3331
```

## Community

Join us on [Telegram](https://t.me/+UuHqsKx-vLJyBq4b) or [Spectrum](https://spectrum.chat/figma-linux).

## Become a Backer
You can contribute to figma-linux development by supporting us on Paypal or Buy me a Coffee:


Buy Me A Coffee donate button
PayPal donate button

Thanks to the supporters.