Subscribe
Sign in
Friend Mix
p/friend-mixCreate group playlists for you and your friends
Start new thread
Raven Yu

Figgy - A better native Figma app for Mac with dark mode โœจ

by
๐ŸŒ˜ Best dark mode for Figma
๐Ÿ–ฅ Native Mac system fonts
๐Ÿ—‚ Native macOS tabs
๐ŸŒฑ Quality of life changes (better menus and buttons, etc.)
๐Ÿ”ฅ Fresh new app icon that'll look great in your Dock
๐Ÿงฉ Works with all plugins

Add a comment

Replies

Best
Nathan Rightnour
Looks great! I currently use Figmac - do you mind explaining how is this different or better? I'm sure it has differences I just don't know what :)
Raven Yu
Maker
@nathanrightnour Thank you! And great question! The key differences are: ๐ŸŒ˜ Dark mode - Not just any dark mode... it's the most thoroughly themed one. ๐Ÿ–ฅ Native Mac system font - It will look right at home and I think it's a better UI font. Bonus: the brand new SF Mono is used for code snippets. ๐ŸŒฑ Quality of life changes - Most menus and buttons now have an active state, so it feels more responsive. (https://twitter.com/ravenyu/stat...) Font weights are more readable. Rounded corners are more consistent across the app.
Nathan Rightnour
@ravenyu thank you! Those are: โค๏ธdefinitely good enough for me to try it out!
Dmitry
This product uses a browser window where you just log in into your figma account and it changes the styles of their web page to the dark theme (which you could, for instance, also do with your own browser extension or alike). This electron app has got the default electron menu, so it's actually completely useless without the original figma's menu... It's just a waste of money...
Raven Yu
Maker
@engulfer Hi Dmitry. Quite unfortunate that you donโ€™t find it useful. But this is exactly what a lot of people are looking for. Thousands of people who are actively using it would agree. Have a fantastic day! ๐Ÿ˜Š
Gleb Sabirzyanov
Open source? ๐Ÿ˜‰
Raven Yu
Maker
@zyumbik I thought about sharing the CSS version but itโ€™s a complete mess... ๐Ÿ˜‚ Iโ€™ll message you here haha
Gleb Sabirzyanov
@ravenyu I'm mainly asking because I'm curious how you implemented font loading.
Raven Yu
Maker
@zyumbik I overrode the original CSS. You can change the fonts to anything with browser extensions like Stylish and Cascadea!
Gleb Sabirzyanov
@ravenyu ah, I thought you've implemented local font loading somehow. It's not about CSS, it's about using something other than Google Fonts in the actual design.
Raven Yu
Maker
--------UPDATE--------VERSION 1.1--------SEP 17-------- A hotfix for some missing unthemed areas. Thank you for reporting them. Now Figgy is truly uber duper meticulously themed! There is no update mechanism built-in, so please head over to the site and download it again ๐Ÿฆ„
Jesse Mainee
@ravenyu Great app. Could you change the build number in "about"? I'm not sure which version I have as they both say 1.0.0
Alisson Schwanz
Can't sign in using google account. ๐Ÿ˜ž
Raven Yu
Maker
@alisson_schwanz Google login is not supported. Please use your email account ๐Ÿ˜Š
John Farmer
@alisson_schwanz @raveny why don't you display:none; the Google SSO button then? would've saved me 15 minutes of running in circles, reaching out to Figma support, etc. Glad I saw this reply but you should make this constraint clear.
Raven Yu
Maker
@alisson_schwanz @raveny @rahnolds Thatโ€™s a great idea. Thanks John!
Raven Yu
Maker
Hi there! Iโ€™m the maker of this tweak. Iโ€™ll be using Figma at work and Iโ€™ve been dreading it... I know many designers also consider the vanilla Figma a lesser experience than competing native apps. I hope sharing this will make you give it another shot! And yes, even those loading placeholders for the plug-in page are themed ๐Ÿ˜ If you encounter any bugs, please let me know! And please keep in mind: 1๏ธโƒฃ Google login is not supported. 2๏ธโƒฃ Plugins cannot be themed. They live in their own iframes, and theyโ€™re each coded differently. 3๏ธโƒฃ That black โ€œAgโ€ font style icon is also unthemeable. There isnโ€™t any way (that I know of) to target that PNG image without affecting other elements. Feel free to tweet @ me if you know how to get around those issues. I plan to support this tweak until an official dark mode is released. Enjoy!! โœจ๐ŸŒˆ
Daniel Golden
Please code sign your app
Raven Yu
Maker
@dangolden1 Thanks! Iโ€™ll look into it. Iโ€™m not a developer so this is new for me ๐Ÿ™ˆ
John Farmer
I'm a dark mode junkie so this is relevant to my interests ๐Ÿ˜‚ Does Not Support Google SSO -- You will encounter an error, sign in using email instead.
Anna Filou
Dark mode is super! I hate how white Figma is and Figgy fixes that beautifully! I Think I'll keep using Figmac for now though because it shows you all the Figma shortcuts in the menu (as a newbie, that's VERY helpful!) Once I get the hang of them, I'll probably switch to Figgy! @ravenyu could you add shortcuts like FIgmac though? It would be awesome :D
Raven Yu
Maker
@bsradcliffe Google login is not supported. (Frankly I donโ€™t know how...) Please use your email ๐Ÿ™ˆ
Joe Taylor
Can you use custom fonts?
Raven Yu
Maker
@joebentaylor hey Joe! The Figgy interface is set to the Mac system fonts and cannot be changed. If youโ€™re referring to using custom fonts in your own projects, please check out this help article: https://help.figma.com/article/3...
Raven Yu
Maker
--------UPDATE--------VERSION 1.2--------SEP 22-------- Bugfixes for various missing unthemed places. Thank you for reporting them. Again, there is no update mechanism built-in, so please head over to the site and download it again ๐Ÿ˜ณ
Martin Gorol
Hi! Thank you for this! I really love it, I just wanted to ask if there is a way to add colouring panel/layers function? Like it is in Photoshop or Sketch with Midnight plugin.
Raven Yu
Maker
@gorolmartin Hey thanks Martin! Sadly my programming skill is very close to zero so probably wonโ€™t be able to do that ๐Ÿ˜‚
Marcus Proietti
This looks amazing. How is the security?
Andrei Mariuศ›eac
Is this product still working? Is it up to date? I'm considering getting it just for the dark theme.
Raven Yu
Maker
@andreimariuteac Yep! Still actively maintaining it. I'm a user myself :)
Anton Anisimov
I can't open one more window, does it support it? So I can work in the same file on different monitors. Thanks.
Raven Yu
Maker
@anton_anisimov Hey Anton, please right click on a file > open in new tab. Hope that helps!
Aaron D
@ravenyuix Figgy won't let me use the application because when I try to log in via Google it says the browser isn't supported by Google. Does this app only work when you have a non-Google affiliated Figma account?
Raven Yu
Maker
@aaron_d Hey Aaron, yes, those work. Please sign in with regular email and password.
Aaron D
@ravenyuix Ah that's unfortunate. It's just that I mean I have all my design projects in the account that is affiliated with Google and it would just be inconvenient to have to export everything over. If you could find a way of hosting Figgy on a supported browser like Chrome or Chromium or something like that, that would be amazing. I assume many people are in the same boat I am.
SoumyaLoves poetry
Hey ! Can I have look at your code (If it's a opensource)? --- I wanted to see if I could contribute to it or not--- May be more customizable color theme.
Sean Bernstein
Hey @ravenyuix , just downloaded it, and first impression is it's nice! but please consider making the hover states lighter or a different color (such as for Layers/Assets buttons)-they seem to completely disappear when hovering over them.
Joe Montanino
Why doesn't this open files in multiple tabs the same way Figma does? I sometimes need to quickly jump back and forth between files and this makes it impossible to do that.
Raven Yu
Maker
@joe_montanino Hi Joe, this is a limitation of the app architecture. Would love to have that feature myself but right now it's not possible :)