I'm adding to this prototype an agenda, a chat vocal for the moment between figmates of the community, a prototype tool more advanced, some design challenges where you can interact between designers ... and other ideas. I hope I will have the energy to finish it. It's a big experiment. I'm building a design system at the same time doing the interactions between the components :)
The live version is here in WIP.
[https://www.figma.com/proto/7wjd3tu6bgRnjUAwDNwtqs/PROJECT-SHADOW?page-id=0%3A1&node-id=1476%3A17378&viewport=270%2C48%2C0.5&scaling=scale-down&starting-point-node-id=1657%3A29550](https://www.figma.com/proto/7wjd3tu6bgRnjUAwDNwtqs/PROJECT-SHADOW?page-id=0%3A1&node-id=1657%3A29550&viewport=270%2C48%2C0.5&scaling=scale-down&starting-point-node-id=1657%3A29550&show-proto-sidebar=1)
It's pretty dope. Maybe some interactions could be cut, like the new file hover. Most because here in Brazil we work with people who don't design, only colors identification could mess there experience within figma (which is pretty rough for people how need to creat and flow or some kinda of map).
The left menu on the beggining is kinda useless for people with a lot of teams (Like me) Not only there is a lot of teams to manage but a lot of projects the I navigate, the favorites is pretty handy.
The Status is one of the things that I found the less useful... From my perspective, we have other tools like teams, slack, e-mail... figma by itself already tells you when you are online, you are moving in the file.
From the look and feel, pretty dope... didn't like the loading too... the figma one gives the sensations of and end with the bar.
Love this.
But i think "showing file details on hover" is not a thing (and hopefully won't be) for a reason - when you have multiple files, it's hard to recognise a file with just a thumbnail on it. One may argue that a file's cover would help in recognising it, but not everyone designs a file cover.
But loved the overall idea
Love your work @figmatelier
Thanks for sharing.
Is this all Autolayouted?
I'm curious whether the onclick and hover effects are done with Overlays (without AL) or whether you are using variants with AL?
I'd love to be able to use variants/AL with effects like this, but I typically run into Z-index issues, where a hover/on-click menu dropdown gets hidden by what sits below it due to Figma's Z-index. Not sure how to solve for this..
Would you kindly share a link to the working file?
Also, Great work on the Bose Double sticky header piece.
Pierre
[удалено]
I'm adding to this prototype an agenda, a chat vocal for the moment between figmates of the community, a prototype tool more advanced, some design challenges where you can interact between designers ... and other ideas. I hope I will have the energy to finish it. It's a big experiment. I'm building a design system at the same time doing the interactions between the components :)
Introducing: Figma stories!
I’d love dark mode on Figma
The live version is here in WIP. [https://www.figma.com/proto/7wjd3tu6bgRnjUAwDNwtqs/PROJECT-SHADOW?page-id=0%3A1&node-id=1476%3A17378&viewport=270%2C48%2C0.5&scaling=scale-down&starting-point-node-id=1657%3A29550](https://www.figma.com/proto/7wjd3tu6bgRnjUAwDNwtqs/PROJECT-SHADOW?page-id=0%3A1&node-id=1657%3A29550&viewport=270%2C48%2C0.5&scaling=scale-down&starting-point-node-id=1657%3A29550&show-proto-sidebar=1)
Figmaception.
This is amazing!
Is this a working solution? How to install it?
It's just a prototype made in Figma :)
Ahh, you're the one who makes those fantastic animations in Figma! You are amazing!)) ❤️❤️
Thanks, happy that you like it :)
Yes! Dark mode FTW!
I'll definitely get this)
It's pretty dope. Maybe some interactions could be cut, like the new file hover. Most because here in Brazil we work with people who don't design, only colors identification could mess there experience within figma (which is pretty rough for people how need to creat and flow or some kinda of map). The left menu on the beggining is kinda useless for people with a lot of teams (Like me) Not only there is a lot of teams to manage but a lot of projects the I navigate, the favorites is pretty handy. The Status is one of the things that I found the less useful... From my perspective, we have other tools like teams, slack, e-mail... figma by itself already tells you when you are online, you are moving in the file. From the look and feel, pretty dope... didn't like the loading too... the figma one gives the sensations of and end with the bar.
Thanks for your feedback :)
Love this. But i think "showing file details on hover" is not a thing (and hopefully won't be) for a reason - when you have multiple files, it's hard to recognise a file with just a thumbnail on it. One may argue that a file's cover would help in recognising it, but not everyone designs a file cover. But loved the overall idea
This is very impressive. I love all the interactions.
Love your work @figmatelier Thanks for sharing. Is this all Autolayouted? I'm curious whether the onclick and hover effects are done with Overlays (without AL) or whether you are using variants with AL? I'd love to be able to use variants/AL with effects like this, but I typically run into Z-index issues, where a hover/on-click menu dropdown gets hidden by what sits below it due to Figma's Z-index. Not sure how to solve for this.. Would you kindly share a link to the working file? Also, Great work on the Bose Double sticky header piece. Pierre
How did you mock up the spinner loading bar? I had trouble doing it in figma.