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

Figma electron app (unofficial)

Figma-linux is an unofficial Electron-based Figma desktop app for Linux.

Installation

Universal

You can install Figma-linux from Snap here.

Alternatively, type

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 page, then make it executable and install using these terminal commands:

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

./figma-linux-*.AppImage -h

Debian-based Distros

Firstly, install libgconf-2-4:

sudo apt install libgconf-2-4

Download the .deb package from the Releases page, and install it with dpkg or your favorite .deb installer.

sudo dpkg -i figma-linux_*_amd64.deb

Ubuntu

On Ubuntu, you can use our PPA:

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:

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

Alternative Ubuntu install

Download the .deb package from the Releases page, and install it with apt.

sudo apt install figma-linux_*_amd64.deb

Arch-based distros

Figma-linux is available on the AUR. You can use an AUR helper like yay to install it:

yay -S figma-linux-bin

Other AUR packages:

• figma-linux - the package install binary version from release tag
• figma-linux-bin - the package install binary version from release tag
• figma-linux-git - the package build the app from Githab from latest release tag
• 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 page, then install it:

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:

sudo nixos-rebuild switch

Building from source

1. Clone the repository:

git clone https://github.com/Figma-Linux/figma-linux
cd figma-linux

2. Install prerequisites from npm:

npm i

To run Figma-linux from npm in dev mode execute this:

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 being installed.

Example of .env for local development:

NODE_ENV=dev
DEV_PANEL_PORT=3330
DEV_SETTINGS_PORT=3331

Community

Join us on Telegram or Spectrum.

Become a Backer

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

Thanks to the supporters.

figma-linux's Issues

can't use locally installed fonts

Hi,
Cannot use locally installed fonts,I hope to add support for local fonts.
https://github.com/carloslfu/figma-app-linux This app can support local fonts, but the UI doesn't feel very comfortable.
thx!

Cannot run the app from snap package

• App version: 0.5.0
• Operating System (Platform and Version): any, only for snap

Bug description
snap run figma-linux

/snap/figma-linux/2/figma-linux: error while loading shared libraries: libpng16.so.16: cannot open shared object file: No such file or directory

UPDATE: After change the "confinement" field on "classic" value, the app will crashes with new error:

A JavaScript error occurred in the main process
Uncaught Exception:
Error: ENOENT: no such file or directory, open '/home/ruut/snap/figma-linux/x1/.config/figma-linux/Settings'
    at Object.openSync (fs.js:436:3)
    at Object.module.(anonymous function) [as openSync] (ELECTRON_ASAR.js:160:31)
    at Object.writeFileSync (fs.js:1168:35)
    at Object.writeFileSync (/snap/figma-linux/x1/resources/app.asar/node_modules/jsonfile/index.js:117:13)
    at Settings._ensureSettings (/snap/figma-linux/x1/resources/app.asar/node_modules/electron-settings/lib/settings.js:153:18)
    at Settings._readSettings (/snap/figma-linux/x1/resources/app.asar/node_modules/electron-settings/lib/settings.js:192:10)
    at Settings._getValueAtKeyPath (/snap/figma-linux/x1/resources/app.asar/node_modules/electron-settings/lib/settings.js:281:22)
    at Settings.get (/snap/figma-linux/x1/resources/app.asar/node_modules/electron-settings/lib/settings.js:404:17)
    at Object.<anonymous> (/snap/figma-linux/x1/resources/app.asar/main/main.js:1:17674)
    at o (/snap/figma-linux/x1/resources/app.asar/main/main.js:1:279)

AUR package for Arch Linux

I've submitted this to the AUR!

https://aur.archlinux.org/packages/figma-linux-bin

Maybe after some votes and some people confirm it works, it'd be nice to add Arch Linux installation instructions (yay -S figma-linux-bin).

Can not install on Debian Buster: Dependency is not satisfiable: libgconf2-4

App version:

0.2.2

Operating System (Platform and Version):

lsb_release -da
> No LSB modules are available.
> Distributor ID:	Debian
> Description:	Debian GNU/Linux buster/sid
> Release:	testing
> Codename:	buster

Bug description**

sudo gdebi figma-linux_0.2.2_amd64.deb 
> Reading package lists... Done
> Building dependency tree        
> Reading state information... Done
> Reading state information... Done
> Ce paquet ne peut pas être installé
> Dependency is not satisfiable: libgconf2-4

This dependency exists and is already installed, but its name is libgconf-2-4:

apt search libgconf
> En train de trier... Fait
> Recherche en texte intégral... Fait
> libgconf-2-4/testing,now 3.2.6-5 amd64  [installé, automatique]
>   GNOME configuration database system (shared libraries)
> 
> libgconf2-dev/testing 3.2.6-5 amd64
>   GNOME configuration database system (development)
> 
> libgconf2-doc/testing,testing 3.2.6-5 all
>   GNOME configuration database system (API reference)

sudo apt-get install libgconf-2-4 
> Lecture des listes de paquets... Fait
> Construction de l'arbre des dépendances       
> Lecture des informations d'état... Fait
> libgconf-2-4 est déjà la version la plus récente (3.2.6-5).
> libgconf-2-4 passé en « installé manuellement ».
> 0 mis à jour, 0 nouvellement installés, 0 à enlever et 90 non mis à jour.

Any solution?

Export images does not work

• App version: 0.1.0
• Operating System (Platform and Version): any

Bug description
Export images does not work. Don't open save dialog.

Uploading Sketch file not working

• App version: 0.4.0
• Operating System (Platform and Version): Ubuntu 16.04

Bug description
New from Sketch file not working in the app. However if I upload Sketch file from Browser then it's appears in app.

PS: thanks for the amazing work with this app, you are lifesaver!

WebGL isn't supported

I have this message:

Uh oh... we can't open that file
We can't open the editor because WebGL isn't supported, or is disabled, in your browser. If your browser supports WebGL, check out this help article to find out how to enable it.

My system:
elementary OS 5.0 Juno
Built on "Ubuntu 18.04 LTS"
Linux 4.15.0-23-generic
GTK+ 3.22.30

Version 5.0.1 doesnt work anymore with the actual figma release

Since the latest figma release on Thursday, July 11, 2019 the linux app doesnt work anymore.

App is not loading

• App version: 0.3.0
• Operating System (Platform and Version): Manjaro Linux 18.0.2

Bug description
App is not loading. I`m waiting almost 10 minutes and it still is loading. In web browser it works fine.

Screenshots

Long launch app.

• App version: 0.2.0 and above
• Operating System (Platform and Version): any

Bug description
Long launch the app
Need make the load of local fonts async. (rewrite the figma-linux-binding module)

Figma Desktop App is out of date!

UPDATE DESKTOP API TO 10.

What did Figma Say?

Hey, I assume you got permission from Figma to make an unofficial Linux Package (as they themselves do NOT provide a Linux Package and it was about time). While I am a huge fan of Figma and love this project, I am considering 'bundling' it with a Distro I am working on. So that's why I'm asking. If you got permission I'd gladly just take your package and put it in, if not I'll have to go ask them myself whether I can put in a launcher for them.

Copy as PNG/SVG not working

• App version: 0.1.1
• Operating System (Platform and Version): Pop!_OS 18.04 LTS (Ubuntu based)

Bug description
Copy as SVG or PNG is not working (Copy as CSS does work)

Additional context
My buest guess is that Figma tries to set file data to the clipboard and that is not working correctly at this time.

Fail to install on Manjaro

• App version: latest
• Operating System (Platform and Version): Manjaro 64bit

Failed to install .pacman pakage
libgconf2-4 is not a valid dependency on Arch based distro's

Option to hide the menu bar

Would it be possible to hide the menu bar shown in the picture? Most of the functionality is accesible through the menu in Figma itself.

Close app when trying to login via google

• App version: 0.1.*
• Operating System (Platform and Version): any

Bug description
If login via google, then the app closed.
I noticed that when I trying to login via google the app create the login window and opens this login form in a new tab. Please, close this tab with login and use the login in the window.
if you login to the figma in a tab, then app closed.
This will be fixed later.

Zooming effects the interface also

App version
Ubuntu 18.04.1 64-bit

Bug description
When I press the ctrl and +/- keys, the interface zooms in or out with the frames, etc.

Screenshots

Additional context
Great job. But I think in terms of ux there should be a menu on top. I don't know if it's in the original one, though.

LICENSE file is missing

It's hard to tell what license terms this software is distributed under. Please add a LICENSE file :)

Fix icon

Set normally Figma icon for application.

Desktop icon

Crash when running on Manjaro

The application opens up correctly at first and while it's loading the login screen, some of the elements can be seen but then it just crashes.

Running it via the terminal didn't give any meaningful outputs other than this:

PS /home/dennisbednarz> figma
diropen: No such file or directory

The package was installed via AUR from this URL.

On that note, submitting an official package to the AUR would be highly appreciated, or in a worst-case scenario I could help manage and maintain it as long as there's support from you where needed.

crashes when ~/.config/figma-linux/Settings doesn't exist

• App version: 0.5.1
• Operating System (Platform and Version): Ubuntu 18.10 (Kubuntu)

Bug description
Added ppa and installed through apt, launched with figma-linux but since ~/.config/figma-linux/Settings file doesn't exist, it crashed.

Stacktrace
A JavaScript error occurred in the main process
Uncaught Exception:
Error: ENOENT: no such file or directory, open '/home/user/.config/figma-linux/Settings'
at Object.openSync (fs.js:436:3)
at Object.module.(anonymous function) [as openSync] (ELECTRON_ASAR.js:160:31)
at Object.writeFileSync (fs.js:1168:35)
at Object.writeFileSync (/opt/figma-linux/resources/app.asar/node_modules/jsonfile/index.js:117:13)
at Settings._ensureSettings (/opt/figma-linux/resources/app.asar/node_modules/electron-settings/lib/settings.js:153:18)
at Settings._readSettings (/opt/figma-linux/resources/app.asar/node_modules/electron-settings/lib/settings.js:192:10)
at Settings._getValueAtKeyPath (/opt/figma-linux/resources/app.asar/node_modules/electron-settings/lib/settings.js:281:22)
at Settings.get (/opt/figma-linux/resources/app.asar/node_modules/electron-settings/lib/settings.js:404:17)
at Object. (/opt/figma-linux/resources/app.asar/main/main.js:1:18900)
at o (/opt/figma-linux/resources/app.asar/main/main.js:1:279)

Additional context
After creating the Settings file manually, figma launched.

Dark mode support

Adding a dark mode would be a very appreciated addition to almost all users, I'd assume, and there are already ways to do that in the browser:

https://www.papertiger.com/figma-dark-ui-plugin

Adding this extension natively, replicating it's functionality or letting users upload the .crx would be very welcome to see.

Plan on supporting plugin creation through linux client

• App version:
• Operating System (Platform and Version):

Bug description

Any plan on supporting the figma plugin creation from this linux client? The menu item "Create a new plugin" does not appear when a figma file is opened through this client.

Figma Desktop is Out of Date, Again

• App version: 0.2.2
• Operating System (Platform and Version): Xubuntu 18.04 x86_64

Bug description
As of 2019-01-17 upon launch (and logging in for a fresh install) an unskippable modal declares that Figma Desktop is out of date.

Additional context
Presumably similar to issue #15.

Are there auto-updates or built-in updates for either the snap or appimage packages? Or would you be interested in setting up a build repo at openSUSE OBS

Interested in knowing if there are auto updates for any of the packages.

Alternatively if you set up a build system at openSUSE's OBS (https://build.opensuse.org) you can have packages auto-built for essentially every possible distro and provide a repo with updates for each.

Menu items not working

• App version: 0.5.1
• Operating System (Platform and Version): Debian Testing

Bug description
Clicking on any menu item which affects the document does nothing at all.
This includes all items in every menu except File and Help.

Screenshots
None

Additional context
I'm using KDE Plasma 5.14 just in case that has some effect on electron.

is there a ppa for ubuntu?

Is there a ppa for ubuntu to get updates?

Can't launch app on CentOS 7 x64

• App version: 0.2.0
• Operating System (Platform and Version): CentOS 7 x64

Bug description
Can't start app:

figma doesn't load any project

https://youtu.be/wT38WzgFJws

local fonts are diabled

Snap package: getting error with libpng16.so.16 shared library in Fedora 29

I'm getting this error:

/snap/figma-linux/3/figma-linux: error while loading shared libraries: libpng16.so.16: cannot open shared object file: No such file or directory

When I try to run the figma-linux command (desktop entry doesn't work, obviusly, it is trying to execute the figma-linux binary in the snapd root directory).

I checked the /lib directory items with cd /lib && ls -la | grep libpng getting this :

lrwxrwxrwx. 1 root root 18 Jul 14 2018 libpng12.so.0 -> libpng12.so.0.57.0
-rwxr-xr-x. 1 root root 186940 Jul 14 2018 libpng12.so.0.57.0
lrwxrwxrwx. 1 root root 19 Aug 1 2018 libpng16.so.16 -> libpng16.so.16.34.0
-rwxr-xr-x. 1 root root 254516 Aug 1 2018 libpng16.so.16.34.0

I did the same in the /usr/share/lib directory getting the same result.

I tried with both snap packages channels (beta and stable), but I'm still getting this error.

PD: RPM package installation fails (using DNF) with a file conflict with my signal-desktop package:

---

[Update]

Fixed installation using $ sudo rpm -i --replacefiles figma-linux-0.5.1.x86_64.rpm to install it from the RPM package.

[Observation]

Obviously, this doesn't fix the problem with the snap package. So don't wait to get the solution with the command above.

Desktop file inside the AppImage broken

Please make sure that the desktop file inside the AppImage passes validation with desktop-file-validate.

/tmp/.mount_appimacPod3x/figma-linux.desktop: error: value "Graphic;" for key "Categories" in group "Desktop Entry" contains an unregistered value "Graphic"; values extending the format should start with "X-"
/tmp/.mount_appimacPod3x/figma-linux.desktop: hint: value "Graphic;" for key "Categories" in group "Desktop Entry" does not contain a registered main category; application might only show up in a "catch-all" section of the application menu

Reference:
AppImage/appimage.github.io#746

Google sign in not working correctly

When I try to sign in to figma using the google login option, it doesn't work.

I sign in as I would on the browser and then it tells me this:

This is the output in the terminal:

I am on Ubuntu 18.04. If you need an more info, let me know. 😄

Does not launch on Linux Mint

• Linux Mint Cinnamon 64 bit

Bug description
Figma does not launch, when running from terminal the following error is seen:

A JavaScript error occurred in the main process
Uncaught Exception:
Error: Cannot open /opt/figma-linux/resources/app.asar/main/binding.node: Error: /usr/lib/x86_64-linux-gnu/libstdc++.so.6: version `CXXABI_1.3.9' not found (required by /tmp/.org.chromium.Chromium.BYeE9K)

You've got too many fonts

• App version: 5.0.1
• Operating System (Platform and Version): Arch linux 5.1.16-arch1-1-ARCH

Bug description
You've got a 4490 fonts in your os.
You've too many fonts. It'll may call problem with run the app.
local fonts support is disabled
Failed to load local fonts, error: Error: The Native module is disabled in the app settings

Screenshots
https://i.imgur.com/qBcvqfe.png

Additional context
When i open fonts manager on arch it's shows thath i have only 223 fonts installed but in console it's say that I have over 4k
https://i.imgur.com/PumOgUI.png

Fix window frame

Fix window frame in non-frame windows managers.

Uncaught Typerror: Cannot set property 'fileBrowser' of undefined

• App version:
• Operating System (Platform and Version): Ubuntu 18.04

Bug description
Figma window loads up regularly but the home page (files/recent) is loading forever. The blue progress bar loads regularly until it gets stuck at 100%. After opening developer tools I get the error Uncaught Typerror: Cannot set property 'fileBrowser' of undefined

Screenshots

Typing the name of an item and using 'Shift' executes shortcut

• App version: 0.4.0 (but has been happening in previous versions)
• Operating System: Linux Mint 19.1 Cinnamon

Bug description
When typing a new name for anything (frames, shapes, groups, anything) using shift for capital letters will also carry out shortcuts.

For example typing "Home page" will flip the item horizontally.

I think the shortcuts need to be disabled when changing the name of something.

Screenshots

Memory usage problem

Hi,I use the latest version 0.4, open the edit page after launching the app and then preview some pages, then the app takes up memory and rises to more than 3G. I hope to optimize the memory usage.

thx!

I'm not able to launch figma-linux app what could be the reason

• App version:
• Operating System (Platform and Version):

Bug description
Describe what happened

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
Add any other context about the problem here.

Segmentation fault

• App version:
  0.1.1

• Operating System (Platform and Version):
  Arch Linux (up to date)

Bug description
running figma-linux-0.1.1-x86_64.appimage results

segmentation fault (core dumped)  "./figma-linux-0.1.1-x86_64.appimage"

App lags

After the last update, the application began to terribly slow down the computer, what could it be connected with? The update was installed because without it the application did not open projects. Thank.

Failed DOM access check | Open Console on Plugins

• App version: Figma-linux v0.5.2-1
• Operating System (Platform and Version): Fedora 30 linux

Bug description
The new cool Plugin system doesn't work.

Additional context
Plugins work via the browser but not natively.

Export original images

• App version: 0.4.0
• Operating System (Platform and Version): Linux Mint 19.1 Tessa

Bug description
During import original image, window opens with image without any UI elements to export or download. Only Zoom

Screenshots
http://i.crisp-studio.com/i/f1f90fe37391e4e2f9c4b7f01bf0.png

Ubuntu 18.04 doesn't launch correctly.

• App version: Figma 0.2.2
• Operating System (Platform and Version): Ubuntu 18.04 x64

Bug description
I have downloaded figma-linux_0.2.2_amd64.deb (36.6 MB) and installed via terminal. I installed libgconf2-4 library, too. Figma starts and suddenly shuts down. Error is:

mehman@MSI:~/Downloads$ figma-linux 
diropen: No such file or directory
[3353:1120/102908.326823:FATAL:memory_linux.cc(36)] Out of memory.
Aborted (core dumped)
mehman@MSI:~/Downloads$ 

My PC is 16 GB RAM and GTX1080Ti and dual monitor.

If open a lot of tabs, that it look no a pretty

• App version: 0.1.0
• Operating System (Platform and Version): any

Bug description
If open a lot of tabs, that it look no a pretty.
For now the app have not the scrolling of tabs feature

Opening file went white

• App version: figma-linux_0.5.0_amd64.deb
• Operating System (Platform and Version): Ubuntu 18.04

Bug description
When I try to open a file, no tab opened and screen went white

Screenshots

Additional context
Here's a screenshot from console

Incorrect update the title of a tab if quickly to toggle on an another tab

• App version: 0.1.0
• Operating System (Platform and Version): any

Bug description
When you open new tab and then quickly toggle on an another tab, then the first tab can not get title. The second tab will get the title of the first tab.

How about add distro agnostic package?

Will be nice create snap package for https://snapcraft.io/store ?
(review article abut this packages)
https://habr.com/post/395125/

Scale app UI

hi, could you add feature to scale app UI? on my desktop it looks little bit small