πŸš€ 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

50 Comments

  1. 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..

  2. 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?

  3. 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

  4. 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…

  5. 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?

Leave A Reply

Please enter your comment!
Please enter your name here