What you'll learn
- Design Figma interactive components
- Breakdown complex nested variants in Figma
- Build responsive layouts using Figma Auto Layout & CSS Flexbox & Grid
- Transform Figma components into live HTML CSS components
- Build scalable design systems with Figma and automate manual processes
- No prior UI UX and graphic knowledge needed
- Free trial software of Affinity Designer
- Use free version of Figma
From Figma to Coding in 1 place
Become a Figma power user by learning how to leverage plugins
Master industry standard UI UX Design standards
Seamlessly inspect and build your Figma Components for development handoff
Become a unicorn UI UX Designer who knows design and code
Automate your brand style guide as a visual designer with Figma
Create complex web design layouts with Figma Auto Layout and use pure CSS Grid and Flexbox
Transform Photoshop into HTML mark up and style it with CSS
Learn interaction design with CSS Transitions and Animation
Develop production ready responsive design with Bootstrap 5 Grid system
Summary of Udemy Students Review:
Zoe Chin — "Hossein's teaching is so cohesive. I'm a total beginner at coding and have always been intimidated by code, but these lessons helped me understand new concepts in UX development so easily that I dare say I thoroughly enjoyed learning. Thank you! :)"
Omar A — "I wish I took this course instead of wasting so many countless hours on others. As someone trying to learn UX/UI/Front-End, this is brilliant. Super logical course structure and flow. Would give ten stars if I could. Thanks Mr. Hossein."
Maria Beatriz — "I've been really enjoying this course. It's one of the best I've done on web dev and UX/UI. The content is simple, original, and super useful. You have to try it!"
Darian Brandt — "I loved the simple, graphical and memorable UI and UX design notes which taught me things I didn't even know I needed to know. The entire course is very easy to understand but surprisingly in-depth. I'm learning a lot more than I expected, thanks"
Prem Sager — "This is awesome and a must-do course for all the frontend developers. The UX part was very well researched and presented. HTML was a really good refresher. Completed CSS and JS sections, this content is amazing and really boosts my skill set."
Jayed Mahmud — "I wanted to learn coding which is related to Website design which is implemented quite nicely in this course. This course starts with visualization which is absolutely brilliant. I am still continuing but so far this is a great one. Thanks."
Jeisson Zambrano — "This course targets exactly what I came here looking for. The explanations are clear and focused on the business perspective of UX/UI development."
Pratham Bhatter — This has to be one of the best course on Udemy for UI UX. Not only you learn the fundamentals of UI UX, but also build a good foundation about Web Design and Frontend Development. As an instructor, Hossein did an amazing job explaining the concepts and the beautiful notes he provided were very handy too. I would definitely recommend this course to someone who is interested in UI UX Design and Development and also wants to build a solid foundation in this field. Thank you Hossein :)
Who this course is for:
- Web Developer who want develop Figma components seamlessly
Redeem discounts for all of our Udemy courses by clicking on our website button.
I am a UX UI Design Lead working at TD Bank. I have a Bachelor's in Graphic Design, and 2 Graduate Certificates in both Interactive Media Design, and User Experience Design. I also have a Diploma in Mathematics which taught me how to Design with precision.
Bad UX is everywhere, and I am here to fix them with my multidisciplinary design background. In my design tool kit, aesthetics plays a big role because I love to make boring information visually pretty. I love solving problem by creating UX flows and UI prototypes.
Enhancing user experience is my main area of expertise. Everything has to be pixel perfect otherwise I go crazy.