Hey, do you like fancy glowing cards?
Let's get this tweet to 250 likes, and I'll create a tutorial for it.
This is 100%
@figma
. Xitter is really butchering the quality, check how smooth it is live:
Recently
@zoink
teased us with possible prototype update in
@figma
. What if I tell you even in the current state its full potential is not yet unleashed?
Meet mouse tracking in Figma! It's lightweight and it's FAST.
Check the protoype to truly feel it:
Thank you
@figma
for building the best 3D software ever!
Jokes aside, this is probably the first and only 3D engine built in Figma. It uses mathematical transformations to project 3D coordinates on a 2D plane (your screen)
Check it here:
And here is the promised tutorial.
Found out
@andrei_iancu_
discovered it before me ๐(he's got amazing stuff, be sure to check it out)
Also here's the link to the Community file:
Okay, so here's the real working version of a liquid button, not that BS you can't even use. I've been trying to find the proper solution for the last couple days.
Also, do you agree putting attribution in the description is a basic sign of respect?
It's finally done! After quite an amount of time and effort, Space Invaders game in
@figma
is finally completed!
Check the community file here:
A bit more details below โ
It's finally happening!
With great pleasure, introducing my brand new product for
@figma
โ Advanced text effects!
It's a library of 30 components with different text styles to boost your artwork in Figma.
๐Get it here:
Joining the movement of pushing the limits of
@figma
Variables with this attempt to build Space Invaders game!
What's done so far:
- player movement
-enemy movement
-game speed increase
-player attacking
-projectile collision detection
-score
#Config2023
I think I've pushed
@figma
's new Variables and Advanced prototyping to its limit...
I present a fully working version of Flappy Bird!! ๐ฅ
Featuring:
- Scoring + highscores
- Pseudo-randomised pipe placement
- Physics based movement
- Uses 46 variables
#Config2023
Continuing my research of spatial rotation in
@figma
I'll show a couple more in the next few days and ofc wrap it up with a tutorial (follow so you don't miss it).
By the way, which direction do you see it spinning? ๐
@rogie
's Noise&Texture as always ๐ค
Ok, this is the last one I promise. Just wanted to experiment with delayed steps and also addes some masking to add more depth (and kill the performance).
@figma
file here:
Animated fire for
#figbruary
, prompt by
@realvjy
So I've bent liquid (water) and fire in
@figma
, does this mean I also need air and earth to become the Avatar? ๐
Continuing my research of spatial rotation in
@figma
I'll show a couple more in the next few days and ofc wrap it up with a tutorial (follow so you don't miss it).
By the way, which direction do you see it spinning? ๐
@rogie
's Noise&Texture as always ๐ค
3D in Figma for
#figbruary
@rogie
This one is pretty minimalistic, and very easy to create. I also discovered some other techniques that I'll share later.
Short tutorial in the thread ๐
Congratulations! You just created your first figma blob and its beautiful. So are you if you made it this far.
Thank you and fell free to reach out if you have any questions!
#Figbruary2023
'Smart animate a unique toggle. Get creative with it!' by
@rogie
Spilled some skeuo over this one.
Also, does it count as a late submission for the light switch ๐ ?
@miggi
@realvjy
I've found out expressions in
@figma
support boolean operators too! Don't think it was mentioned anywhere. Seems like it's only AND and OR, but still I find it very cool.
Here's an example of a condition using AND operator:
Nooooo, I tried to add this post to hightlights and somehow it got deleted without any confirmation wtf๐ฒ
Anyway, I'll open the file to everyone, here's the link:
And thanks
@marcus_eckert
for the inspiration again
Animated blobs in
@figma
are possible! They work directly in prototype mode and don't require any plugins!
I've created a kit so anybody could do this:
Example 1/4
I'm making Advanced text effects for
@figma
FREE for everyone!
You can still pay a little something if you want to support me, but that's totally optional.
It's finally happening!
With great pleasure, introducing my brand new product for
@figma
โ Advanced text effects!
It's a library of 30 components with different text styles to boost your artwork in Figma.
๐Get it here:
Hey
@figma
, could you explain why you're reposting content without crediting the original creators, especially when you're promoting influencers?
Instagram post
Original
It doesn't really align with the "Support creators" stuff.
Finally got some time to participate in
#figbruary
Inspo from a random stock photo.
Thanks
@realvjy
for an interesting prompt and
@rogie
for an amazing Noise&Texture plugin.
And yes, there are only 3 ellipses here ๐๐
If you don't wanna see "politics" from a designer, better unfollow now, because this is our reality. Here is how my neighborhood looks like now, my home included.
This is not a magical lollipop, but a real world installation by .
Which I recreated in
@figma
using blending modes๐
It shows how the subtractive color mixing works, which you may be familiar with from the CMYK model (although it's a bit different).
365 days of suffering and death for millions of people since russia invaded our country.
But we stand, and our army stands. Stand with us and support our defenders by donating today:
photo by
Hey! It's been quite some time since I posted any updates here due to some complications in my life.
Here's the update I owe you: the technique I promised you is ready, all I wait for is approval, but it takes surprisingly long for some reason and I apologize for the delay.
Recently
@zoink
teased us with possible prototype update in
@figma
. What if I tell you even in the current state its full potential is not yet unleashed?
Meet mouse tracking in Figma! It's lightweight and it's FAST.
Check the protoype to truly feel it:
I forgot to mention that since basically every UI design tool allows working with blending modes, this effect can be achieved not only in
@figma
, but also in
@sketch
,
@penpotapp
or any other app of your choice!
Animated fire for
#figbruary
, prompt by
@realvjy
So I've bent liquid (water) and fire in
@figma
, does this mean I also need air and earth to become the Avatar? ๐
While people are playing with color variables, I revived my work that was abandoned because of a bug in
@figma
. But with this new power come endless possibilities!
Still a ton of work, but the concept looks promising.
You know what this means, right? ๐
#Config2023
Didn't share it here when it came out, so doing it now: a full Tic-Tac-Toe game built with
@figma
prototype.
And by full I mean it's not a rigid set of steps like usual prototypes. See for yourself:
Wow, Attablob reached 5K downloads in less than a month. You rock!
I'm planning some updates in the near future aimed to improve user experience, so stay tuned ๐
Hey
@figma
, not sure if this is a bug, but "While hovering" works a bit odd with variables.
I expected a counter to continuously increase by 1 every tick when the cursor is over the hotspot, but instead it works only when I move the cursor:
Okay,
@figma
's new Community policies are just ridiculous.
1. A member of the Content Reviews Team contacted me with this (screenshot below). Guess what โ 7/8 of my files are just tutorials or explorations! And there's a clear statement that this kind of links is allowed
๐งต
A small update for 2.5D
@joinbento
widgets:
- decreased the icon size for better match with default ones;
- icons optically rebalanced;
- added a couple more icons (LMK if you'd like me to add any other icons);
- added a ready-for-export assets page
Funny but I keep seeing my tutorial popping out even after a year of it's creation, so I think the end of the year is a great time to reflect on where my journey started. 'member those? ๐
Can't believe it's more than 2000 followers already! Thank you so much!
Be sure to stick around, coz I'm working on something great and will be released as soon as it's ready!
This was a challenging year, but we've made it through it! I'd want to thank everybody for support and hope I will be able to entertain you with my experiments in the coming year.
With this I present you the Christmas update for the
@figma
Cursor
Animated blobs in
@figma
are possible! They work directly in prototype mode and don't require any plugins!
I've created a kit so anybody could do this:
Example 1/4
The biggest problem with variables I see now is that they only update when there is some action happening, so you have to build these "after delay" loops bouncing back and forth to imitate the clock.
Also I think adjustable width of this panel could be useful๐
Had to try this new
@joinbento
feature. Didn't expect it to be SO poetic:
My
@joinbento
profile I just updated,
A spice of life for me it did sedate,
For itโs a way to show the world my fate,
And show how I can be so great!
There are two types of developers:
1. Hmm, I think I cand to this with A, B or C, I also might google smthng.
2. You kidding, how are we gonna implement this?
(This is a joke, pls respect your fellow developers!)
Hey, do you like fancy glowing cards?
Let's get this tweet to 250 likes, and I'll create a tutorial for it.
This is 100%
@figma
. Xitter is really butchering the quality, check how smooth it is live:
Big shot-out to
@andrei_iancu_
and
@ermanmalak
for their text explorations inspired me to work on some of my own which led to creting this
@figma
resource
It's finally happening!
With great pleasure, introducing my brand new product for
@figma
โ Advanced text effects!
It's a library of 30 components with different text styles to boost your artwork in Figma.
๐Get it here:
@aamirshaikh95
@figma
Thanks, I didn't know that for sure, I just had a general idea and had to experiment a bit. But knowing how blending modes work definitely helps.
@aamirshaikh95
@figma
With that being said, please note this is only a very general representation, there are much more nuances to it. I highly recommend this article:
Hope this helps!
@pwnies
@skuwamoto
@figma
I dream about the day we'll be able to link Storybook to Figma and use implemented components in our designs. UXpin does this and it's awesome.