/figma-linux

Figma is the first interface design tool based in the browser, making it easier for teams to create software.

Primary LanguageTypeScriptGNU General Public License v2.0GPL-2.0

Figma electron app (unofficial)

Figma-linux it's unofficial desktop application for Linux for the Figma web application.
This app based on the Electron


Dependences

On Debian-based distros You need install the libgconf2-4 library

Repositories

For now, there are have repository for deb package on Launchpad.
To add repository, execute command below:

sudo add-apt-repository ppa:chrdevs/figma

If You have NO_PUBKEY error while on apt update, then You must add the key manualy:

sudo apt-key adv --recv-key --keyserver keyserver.ubuntu.com 70F3445E637983CC

install

Download app package for You linux distribution.
For debian-based linux distributions:

sudo dpkg -i figma-linux_0.4.0_amd64.deb

For RedHat-based linux distributions:

sudo yum install figma-linux-0.4.0.x86_64.rpm

or

sudo rpm -Uvh figma-linux-0.4.0.x86_64.rpm

or

sudo zypper install figma-linux-0.4.0.x86_64.rpm

or

sudo smart install figma-linux-0.4.0.x86_64.rpm

Run

figma-linux

Or You can just download and run the AppImage.

./figma-linux-0.4.0-x86_64.AppImage

Development

Steps to start development:

  1. git clone git@github.com:ChugunovRoman/figma-linux.git
  2. cd figma-linux
  3. npm i

To start the app in dev mode:

npm run dev

To start the app in production mode:

npm run build; npm start

ATTENTION: When You do changes in middleware component, You need to rebuild and restart the app each time. Because the middleware execute only on run the app. Hot Reload doesn't work here.

description of npm scripts

  • dev - runs app in dev mode
  • start - runs already built app
  • build - only builds app from src
  • builder - packs the app into different linux packages (see ./config/builder.json)
  • pack - removes old packages from the installers dir, build the app and pack it