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
@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
@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
@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
@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
--------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 πŸ¦„
Alisson Schwanz
Can't sign in using google account. 😞
Raven Yu
@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
@alisson_schwanz @raveny @rahnolds That’s a great idea. Thanks John!
Raven Yu
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!! ✨🌈
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
@bsradcliffe Google login is not supported. (Frankly I don’t know how...) Please use your email πŸ™ˆ
Daniel Golden
Please code sign your app
Raven Yu
@dangolden1 Thanks! I’ll look into it. I’m not a developer so this is new for me πŸ™ˆ
123
Next
Last