An education material should teach real life skills that are current and they should not waste a student’s valuable time. Programming skills should be affordable and open to all. Most people feel paralyzed and don’t know where to start when learning a complex subject matter, or even worse, most people don’t have $20,000 to spend on a coding bootcamp. Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. The goal is to give you the skills of a top designer, and along the way, we are going to design an actual product for a company that you will be able to add to your portfolio. Not to compete for a few dollars an hour on some random freelancing websites. We are going to teach you the skills that will allow you to charge a lot of money for your time.
#Figma tutorials professional#
We pretty much cover it all so that the next time you are in charge of designing a product you have the step by step outline and guide to work as a professional designer.
#Figma tutorials full#
This brand new course will take you from the very basics where we talk about principles and fundamentals of graphic design, all the way to creating beautiful products, learning about UX/UI and interactions, and creating a full design process for you to use with all of your future projects and clients. 08 CSS + CSS3 – CSS Basics, CSS Grid, Flexbox, CSS Animations.06 FROM FIGMA TO WEBSITE (take a Figma design and convert it to a live website using HTML and CSS).Using our design system (Product Description).05 PUTTING IT ALL TOGETHER – Using our Design System and Hi-Fi prototyping with Figma.Creating our own microinteractions (Part 2).Creating our own microinteractions (Part 1).Dissecting and choosing design patterns together.04 DESIGN EXPLORATION – Application Design + Design Systems.Visual patterns for accessibility (Part 2).Visual patterns for accessibility (Part 1).Using Figma plugins to find Icons quickly.Resources and techniques to create great visual assets.Using constraints to create responsive components.
Editing instances to create new components.Helpful tips for creating color palettes.Important questions to ask before picking colors.03 VISUAL DESIGN – Design Theory + Accessibility.
Working on small interactions with Figma.Linking together a quick user flow in Figma.Prototyping basics in Figma (Presentation + Collaboration).Prototyping basics in Figma (Device + Triggers).02 EXPLORE AND ITERATE – Wireframes, Prototyping and Feedback.What you should be doing before you start.Creating our own user flows (Checkout) Part 3.Creating our own user flows (Search) Part 2.Creating our own user flows (Registration) Part 1.Speeding up our workflow with components.01 GETTING STARTED – Sketching, Inspiration + Structure.00 Web & Mobile Design Principles + Design vs Web Development.