This course is a comprehensive introduction to Figma from absolute Figma beginner to advanced features. Short and focused, providing you with all you need to know to tackle any design.We'll start from scratch by setting up your Figma account and familiarising ourselves with its file structure. Then, we'll dive into the fundamentals of Figma, such as setting up frames and nesting them, adding shapes, text, colours, and grids, and creating solid UI designs. Once you're comfortable with the basics, we dive into more advanced subjects like creating solid UI designs and working with components for reusable elements.
You'll learn how to establish styles and variables for consistency, create responsive designs with auto layout, and add basic prototyping to bring your designs to life—always keeping collaboration with development in mind. With step-by-step exercises and valuable tips and tricks, you'll become proficient in Figma in under 4 hours. It's perfect for beginners or those switching from other design software like Sketch or Adobe XD to Figma. Getting Started 1. Getting Figma - Registration Process 2. Figma in the Browser vs. Figma App 3. The Figma file browser – Figma's home 4. Creating design files in Figma Figma Basics Adding frames to our file A few handy shortcuts Design file overview Adding shapes and colour Size menu – manipulating shapes and frames Align, tidy up, and measure Adding and working with text Nesting frames – The Figma superpower Frames vs Groups Designing with nested frames Re-usable grids with styles Figma Community and Plugins Adding images Drawing in Figma Scaling in Figma
TO MAC USERS: If RAR password doesn't work, use this archive program:
RAR Expander 0.8.5 Beta 4 and extract password protected files without error.
TO WIN USERS: If RAR password doesn't work, use this archive program:
Latest Winrar and extract password protected files without error.