Learn Figma to Design & Prototype your Ideas
Every tool you need to wireframe, design and protoype your Websites and Mobile Apps
Watch Promo
Figma is one of the most powerful UI and UX Design tool that can even run in your browser. Figma’s power is hidden in its being cross-platform and its Collaboration feature where you can easily collaborate with other Designers and Developers. It works seamlessly on Windows and Mac Operating Systems with a Desktop Application. In recent times, it is one of the most powerful and popular User Interface Design App due to being a Cloud based App (saves your file version history) and its FREE to use too
This course will teach you all about User Interface Designing and also adding interactivity to your Designs with powerful prototyping features of Figma. First, we will learn about the basic tools, common keyboard shortcuts and familiarizing ourselves with the Figma’s interface.
Once you have solid basics, we will move on to Auto Layout, Responsive design and few advance things like viewing your Prototype live on an actual Mobile Device. I will show you everything step by step.
We will design together the User Interface and then the prototype of a “Recipe App called YUMMS” from the scratch and make it into a pro level design by multiplying Artboards, using reusable Styles and Components.
If you are Beginner in UI UX Design or a seasoned UI/UX Designer trying to switch from Sketch or Adobe XD, please join me in this learning experience.
What you’ll learn
- Introduction to Figma interface, tools and tips to improve your design workflow
- Create Clickable interactive Prototypes with transition effects in Figma
- Wireframe and Design your own App idea using Figma
- Understand usage of Layout Grid and Guides in User Interface Design
- Use auto-animate in Illustrations or across two screens(artboards)
- Common Shortcut keys to quickly learn Figma Tool
- Design Collaboration with other Team members using Team Libraries
Are there any course requirements or prerequisites?
- Just a learning mindset
Who this course is for:
- Beginner Designers
- Novice Designer
- User Interface Designers
- UX Designers
- Newbies in the field of UI/UX design
- Web Designers
Your Instructor
I
started my Freelance Design Career 10+ years ago and learned everything
the hard way myself. I went from scratch to end up working for
FORTUNE 500 companies like INTEL, PANASONIC and Coca Cola.
I love to simplify things about UX and UI Design when I teach to make it easier for my students
Working with Art Directors from Coca Cola and Project Managers from UK, I learned a lot in short period of time.
Improved User Experience of UK GP Tools Mobile App, few Games and e-commerce websites and created new Design patterns for showing passwords safely in password fields
Worked from App Icon Design to App UI Design, from wire-frames,
prototypes and Mockups Design. I have a hunger of perfecting User
Interface from all aspects
I am multi-talented person who have won One Gold Medal, won a nation-wide Poster Design competition from PANASONIC and won many Landing Page design contests on 99designs.
Worked with Clients all over the world mostly from USA, Australia, UK, and United Arab Emirates while learning a lot on how to deal with clients while freelancing and how to present your work to them
My ultimate aim is to make more Awesome UI Designers and ease the pain of learning from new comers in this field of UI Design
Course Curriculum
-
StartFrames or Artboards in Figma (7:37)
-
StartIntro to Figma Tools (12:56)
-
StartPen tool (9:13)
-
StartType Tool (6:46)
-
StartPlace Image Tool (7:47)
-
StartHand, Comments and Pencil tool (5:07)
-
StartFill Colors in Detail (7:46)
-
StartMasking in Figma App (5:33)
-
StartCreating resueable Styles in Figma (8:22)
-
StartEffects in Figma - Drop Shadows, Inner Shadows etc... (9:46)
-
StartLet's create Components (9:10)
-
StartConstraints in Components (5:45)
-
StartCommon Figma Shortcuts Part 1 (6:52)
-
StartCommon Figma ShortcutsPart 2 (10:55)
-
StartDesign Collaboration - Working with other Designers in Figma (2:49)
-
StartTeam Libraries (13:03)
-
StartCommunity Tab in Figma (7:45)
Frequently Asked Questions
Thanks for learning with me