4:52 the fact that you took some time to name those components/items (forgot what they are called, its been a minute since i worked in figma) as a developer, man that i golden. I have worked with some designers or don't care about that as long as they are getting the design done and ready
I have never met a proper UI UX designer this skilled as a front dev yet. Most of them never bother adding transitions or animations. They dont even provide responsive designs.
As a designer, I can't help but notice the contrast issue, especially for the body text and ratings text in the Black panther's design. Nonetheless, that's a solid work for it being under an hour.
Yeah it's amazing work. I was thinking that too. Maybe a thin black stroke on the text might have been the quickest fix for that. I say "fix" but who am I? Great work.
i know it's just for fun and all but as i am learning figma and all u had some mistaks that u forgot to fix great design loved the work flow great job all and all
I totally agree my works is far from checking all the ux ui standards, I'm still learning Figma every and every I find something interesting I like to share it on my TH-cam channel
Is there a way to do that with the titles in development? Like, make the text goes transparent above image. I can only imagine using an png for everything.
the world would be a better place if figma projects could be exported to html and css without using external plugins that don't work (or do it badly, or worse for a fee.)
I did not export this project in this video but there is plenty figma plugin that can export project from figma to css, html, js even wordpress or webflow
please, how to get html/css code and put this work on vscode ? Cause i have a work made on figma but i don't how to get code. I don't wanna reproduce it on vs code. It'll takes me so much time.
I actually left the assets on my figma community file link, by the time I made this video I didn't created it but you can easily acces it in my latest video description it is the "chocolate landing page" one
Can we use this in web designing ? I mean it's figma design right so how can we get this in html codes with all graphics and animation ?? And can we use this in app design? I mean can we convert this into codes for flutter or swift ??
@@hotdog77189 there is a plugin in Figma that allows Figma prototype to html code with all the designs and animations. It used it and it was amazing, it saved a ton of my time for designing. But Im asking if there is built in, without plugin, feature
Or you can export it to Webflow, you dont really need to code. Code is a plus obviously but when you import it into webflow it automatically does it for you.@@hotdog77189
Hey! I am a student and also a developer, I really like this design of yours. Do you mind if I can use your design and recreate it in a website? Ofcourse I will give you the credits for design.
Hum yes, you can do that but get in mind that this isn't really my design I took inspiration from the video I saw but other than that feel free to do it
@@eBENDYUX Thanks man! Really appreciate it. Do you mind dropping the assets link (the images @ 0:24)? and full screen video of the design or the figma link, whatever suits you. Once again, thanks man.
you literally know nothing about preparing layouts for development. Icons without square frames of a fixed size?) Seriously? And why do you need columns, you didn’t use them creating the layouts anyway
beleive it or not designing is as important as coding an actual web page. And yes people get paid for this, and a lot if you wanted to know, if you don't like it that's fine thoo.
I thought he will code it under 1 hour💀
same here
Yh that's why I clicked...
haha
@@gyanaavaibhav same here bro
same
"A designer's dream is a programmer's nightmare"
- gandhi (probably)
yes he said that i was there at his conference
@@notachannel9861😂🤣
Heavy😂😂😂😂😂
Yes he said that i was there
I swear it's true
i like how dude genuinely said that "fk i messed up" mutual designer situation
4:52 the fact that you took some time to name those components/items (forgot what they are called, its been a minute since i worked in figma) as a developer, man that i golden.
I have worked with some designers or don't care about that as long as they are getting the design done and ready
yeah kinda hate it too when people don't name their elements, it's so much easier when they are named
not all people are monsters 😅😅
oustanding, i mean, that's just awesome dude 😭❤
this looks way cooler than i was expecting to.
Great work , now code all these things
May I never meet a designer like you in any project (We will suffer). Your tooo goood
Yeah I expected html css lol, but then I realized you're UI designer and not the engineer. Very good work though!
I have never met a proper UI UX designer this skilled as a front dev yet. Most of them never bother adding transitions or animations. They dont even provide responsive designs.
That fuck i messed up part made me like the video lol made me feel ok that i make mistakes sometimes
Man... I need to improve ma ass up... this is insane design!
As a designer, I can't help but notice the contrast issue, especially for the body text and ratings text in the Black panther's design.
Nonetheless, that's a solid work for it being under an hour.
Yeah it's amazing work. I was thinking that too. Maybe a thin black stroke on the text might have been the quickest fix for that. I say "fix" but who am I? Great work.
ngl i too thought you're coding that in under an hour but that design still amazing
Outstanding work
Now ask a Developer to do it in one day😂
Hmm i could 🧐
@@x-a-1220yo man can u pls do it and upload it would be useful for us...
Pay the developer 100/hr and he will do it go smother than the design itself
@@x-a-1220yes please do it and upload or at least give tips as to how you would go about it
Ah, yes, Andrew Guarfield.
very cool...I might also copy that for my site 😅
now code that !
i know it's just for fun and all but as i am learning figma and all u had some mistaks that u forgot to fix
great design loved the work flow great job all and all
I totally agree my works is far from checking all the ux ui standards, I'm still learning Figma every and every I find something interesting I like to share it on my TH-cam channel
That's why developers hate us as UI/UX designers🤣🤣🤣, great work bro
Dope concept. Can i get link to the original Deadpool post pls.
Is there a way to do that with the titles in development? Like, make the text goes transparent above image. I can only imagine using an png for everything.
that just earned a sub.
can some tell me how he did the text masking kinda thing for just 2 letters?
Damn, I wish I could done the same as you.
it is very cool man i think you can money from this work
the world would be a better place if figma projects could be exported to html and css without using external plugins that don't work (or do it badly, or worse for a fee.)
This is very interesting but where it is possible to see the original website?
Code it 😼 that's the difficult part 😂
My favourite one spidy ❤❤
i thought he was gonna code it in less than 1h, that would be insane
Front end devs: That's a year of my work
*just to center the spiderman
Heyo can you give me a guide on how to learn designing like this, im very interested 👀
please make a tutorial on it !!
I will
@@eBENDYUX thanks :)
Dayummmm. this is so cool.
how are you exporting your project like do get export as html,css and js file?
I did not export this project in this video but there is plenty figma plugin that can export project from figma to css, html, js even wordpress or webflow
Programming this will lead to end of my life 😂
Mad Skills!
iam gonna code this!
Good luck fam💀🙏
Please leave a link to your code, I’d like to read it
please, how to get html/css code and put this work on vscode ? Cause i have a work made on figma but i don't how to get code. I don't wanna reproduce it on vs code. It'll takes me so much time.
good work bro
waiting for full tutorial
Very soon
Great job mate! Cheers.
nice job
No way no one talked about Andrew "GUarfield" lmao
Oh.. so this is how people make fancy website. Hmm..okay..okay
this is only the design not the website
what platform do you using ?
figma
can u add a tutorial for this. it would be very much thankfull.
Did it alr
Me who thought he was gonna write code all the way 😂 still enjoyed the video tho
please someone tell me what website or app was used to make this
figma
What platform is he using
Figma
is this like a working website or something?
u misspelt Tobey Maguire, great work though
Awesome 👏👏👏
Where do I see that deadpool site by any chance?
what software do you use? i wanna learn a good software like this one
figma
@@eBENDYUX thanks i will search for later and is it free or paid for
not me thinking he will build the actual website
Nah😅 I'm just an ux designer although I have good basis on front end.
@@eBENDYUX where can i find your figma link for this project. id like to code it and use it on my portfolio. ill give credits
Really sad listening this... 😅
My dumb ass thought it was gonna be code for under 1 hour. I was wrong. XD
Hi i have design something but how to export it? to html /css
You can look up to the figma plusgins there is tons of plugin that can help u export your projects
Cool 🆒
coding that will be messed up for devs too
Ofc, but u should see this as a way to exercise myself into ux and ui design because I wanted to see how good I became in this
In which application you did
Figma
Cmon man combine the times of funding the assets
I did it at the end, I finished the design at 54 or something like that, and at the end I putted 57
Source code?
plz can someone tell me what softwere he use
Figma
@@eBENDYUX Thanks a lot 🥰😍😘
which application is this ???????????
figma
I think that it looks pretty, but the person you named Toby is actually Tobey.
😅😅
Can you leave out the assets for us to download and practice for ourselves
I actually left the assets on my figma community file link, by the time I made this video I didn't created it but you can easily acces it in my latest video description it is the "chocolate landing page" one
what software r u using to make this
figma
how to make the text with the spider man image
in a few hours, due to popular demand i'll be posting a video tutorial on it, just activate the ring button and you'll see it
ok thank you
@@eBENDYUX
wow
Can we use this in web designing ? I mean it's figma design right so how can we get this in html codes with all graphics and animation ??
And can we use this in app design? I mean can we convert this into codes for flutter or swift ??
you can't. There's no actual point on doing this because you have to still convert it to code on your own.
@@hotdog77189 there is a plugin in Figma that allows Figma prototype to html code with all the designs and animations. It used it and it was amazing, it saved a ton of my time for designing.
But Im asking if there is built in, without plugin, feature
Or you can export it to Webflow, you dont really need to code. Code is a plus obviously but when you import it into webflow it automatically does it for you.@@hotdog77189
please give the resource link
Go to the TH-cam community post and u will find a figma link
Amazing user interface
htf i code this
Ok now how do i fkin code it
awexome
I ll do it
:)
Andrew Gaurfield
sorry to say but as frontend dev I hate u but it's really awesome I'll try to make it.
🤣 i aslo have basis in front and trust me i understand you
I also
It is great! Really nice result from an aesthetic point of view, but how would it look from mobile?
Well, I never thought about it, I just tried to replicate what I saw on the video maybe if this was an actual project I could have thought of it
Which app are you using btw
Figma
You might be bored after answering same questions again and again
wt is this man like is this a website ? does the code get written automatically ? or its just design im so confused .. im going to do some research
It is figma, this is indeed a UI design platform so there is no code involved
You messed up Andrew Garfield's last name.
"so i was scrolling through tiktok-" nope. *Clicks off*
developer - dimag khrab hojaega m amma bhen pe aajaunga, m amma bhen pe aaaajaaungaaaa
what is even thisss? Developers Assemble
Hey! I am a student and also a developer, I really like this design of yours. Do you mind if I can use your design and recreate it in a website? Ofcourse I will give you the credits for design.
Hum yes, you can do that but get in mind that this isn't really my design I took inspiration from the video I saw but other than that feel free to do it
@@eBENDYUX do you mind replying to my previous comment?
@@eBENDYUX Thanks man! Really appreciate it. Do you mind dropping the assets link (the images @ 0:24)? and full screen video of the design or the figma link, whatever suits you. Once again, thanks man.
Why all those programmers crying under a designer's video?
Bro, Can make Figma Tutorials For Beginners Like me Or Can you
Recommend me some tutorials
Don't show it to frontend devs 🥴
Imagine the code 💀
Lol i am scammed, i was here for source code actually
I think this would take a lot, seriously, a lot more to be developed 😅
good job recognizing the obvious with an hour design challenge
This would originally take a lot more than 1 hour too design-wise if he started from scratch without basically stealing the whole layout and concept.
@@feelcollins4358 true, however that was kind of the point of the challenge lol
@@IamFlamey yeah that is the click bait, "I (re)made this.."
you literally know nothing about preparing layouts for development. Icons without square frames of a fixed size?) Seriously? And why do you need columns, you didn’t use them creating the layouts anyway
Hum thanks for your thoughts, I'm sorry if it made you mad, I'm nowhere close of a professional I'm still learning but I'll take this in consideration
What is this? I thought you were going to do some web design. It's unbelievable to me that people get paid for this
beleive it or not designing is as important as coding an actual web page. And yes people get paid for this, and a lot if you wanted to know, if you don't like it that's fine thoo.
Developer : 😨🤡😭
This looks really nice! you think we can work together? I can use your creativity to enhance my site. Cheers!