π Get 2 free months of Skillshare Premium & watch my Course for free:
https://skl.sh/2TVhf8z
In this Figma Tutorial, you are going to learn how to design UI for websites like a Pro. We will take a look at a really cool way of learning website design. By looking at the back end code of a website design, we can actually learn the best to design UI for websites. I will also show you a few Chrome Extentions that you can use to improve your workflow when designing UI for websites.
Basics of UI Design for Mobile Apps:
https://youtu.be/viNNYye4qG0
Learn UI Design for Mobile Apps like a PRO!:
https://youtu.be/SnzXf91b8C4
Chrome Extensions:
1. WhatFont – https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en
2.ColorZilla – https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp
3. Image Downloader – https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj
—————————————Β—-
Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi
Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1
After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk
UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW
Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9
Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv
eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
——————————————————————————————–
Contact me :
Twitter : https://twitter.com/kvschethan
Facebook : https://facebook.com/designpilot
Mail : designpilot21@gmail.com
Portfolio : https://behance.net/chethankvs
Instagram : https://instagram.com/design_pilot
Discord: https://discord.gg/GtjBpjD
——————————————————————————————–
LIKE, SHARE, COMMENT & SUBSCRIBE π
#webdesign #uidesign #uxdesign
source
This is the best thing I've come across in a while! Thank you SO much! The plug ins are amazing as well!
Just wanted to understand out of curosity, as I can see it said in video, that multiples of 8 is industry standard. So if something is already industry standard, how different websites have different sizing patterns? And the website ur showcasing its designed by some well known designer I know as well..so just curious if multiples of 8 is industry standard? or some rule guide u specifically follow..
One of my reason for commenting is that I saw you replying to almost everyoneπ… BTW thanks for such valuable information and I have a question like can we actually design websites like this in a professional job like taking other website info and then making it from the scratch?
Youre amazing, thank you so much, im 17 and on my journey to become a front end developer
owwwww!just awesome tutorial ..just love it :)thank you so much ..
what a great video <3
Can you send me picture's link
Its so easy but u said earlier that its for developer also for designers, I am a web developer, do I really need to learn figma, do is this really helpful to developers, cant we do it directly as a dev, I dont understand what actually is benefit of using these 3rd party software? please reply
THANKS A LOT SIR, THANKSSSS ALOT, SIR PLEASE UPLOAD MORE VIDEO WE WANT TO LEARN MORE FROM YOU, WE CAN'T AFFORD 10K DESIGNERS, PLEASE UPLOAD ATLEAST 1 VIDEO PER MONTH π
Thanks …well explained
how to steal like China in the 1980s
Already on the 8th minute, I got so much insight from you! Thank you so much for your video!!!
do not bother, I have gotten the font.
The link to the font is not in the description
Amazing tutorial ! thank you bro
Thank you soooo much this is getting interesting π₯π€©πππ
Heyy!! Wow this is such a great video to kick start my UI design for my upcoming website. Thanks a ton for this wonderful content! Please keep doing more π
Can someone tell me how did he get the Graphix font ?? It is not there in my figma
Thank you informative content πβ€π
still waiting for the part where you teach web designing
At 18:52 how did you get Figma to show you the distance between the two objects in the navbar. I don't know how to do this.
Nice content. This tutorial makes designing a professional website less intimidating
My Question Is, After all this work, i have to code all of this to create a real Website?
Figma or Adobe XD?
hey! when I clicked on inspect did not get the option of different screens, as you're changing in tab, mobile screen. how to get that option?
It wasn't what I was looking for, until I started watching further into the video. Great Content man.
why not new?
Thank you very much brother this amazing tutorial …. Its a great tutorialππππ
It's a good video, but the title is a bit misleading… I'm already a web designer and I watched the video thinking it would be about how to use Figma, only to be surprised that it's mostly about how to recreate an existing website by inspecting the elements…
This was a video I didn't even know I needed. Thank you for providing such valuable info! Subbed π
Your intro feels like a ad
This was so amazing! I subscribed !
Big Like
Thank You awesome Content!
Plz sir ..do and speak a little bit slow..
Fantastic!! This is one of the best tutorial videos I have ever watched. Thanks a lot!
You talk way to much dude and your indian accent really hearts my ears
Can you tell me please What size(width) of the layout should we take while designing a web layout?
dat Chrome extensions bar tho
Nice videos, Subscribed!
The video is really cool, but how do you delete the things in figma? I have been trying around and its just such a bad first impression, when the program doesnt even have a shortcut for deleting things. It doesnt even say that there is one in the shortcuts menu!
If you could tell me the answer to this mystery, which is the shortcut for deleting things, then that would be AMAZING!
Edit: Or do you just do Ctrl X to cut it out, which is basically the same as deleting, but it also copies it to your clipboard?
jesus, the music is stressful and you talk so fast.
Thanks for the video! I learned so much
Awesome video! I like the content presentation style. Subscribed.
HI @DESIGN PILOT , GREAT VID!! can you please tell where are the settings to show/hide these red "location numbers"?
great job!! didnt understand why do we want do design on the "Smallest size"? (screen)
fuck off
Really helpful video for beginners
This for me is best way to learn Figma. Thank you so much ππ
Idk why but I find your lower third a bit disturbing. 1:28