
Explore the layers, assets, and pages tabs in Figma; lock and hide items, learn hierarchy, and create multiple pages like rectangles and circles to organize your prototype.
Master the move and selection tool in Figma to select and move shapes, and use the scale tool (shortcut K) to resize while preserving proportions.
Learn basic and vector edits of lines and arrows in Figma, adjusting width, orientation, stroke color and dash styles, start/end points, and vector points to craft complex shapes.
Master the comment, hand, and text tools in Figma, adjust fonts, sizes, line height, letter spacing, and text alignment, and explore auto width/height with fixed size.
Explore how to use image fill and masking in Figma to create circular shapes with alpha channel images, crops, halos, and drop shadows, and compare their control and complexity.
master the sliced text effect in Figma by combining boolean selection, masking, and vector shapes to reveal a sharp cut through text, with color contrast and fine-tuned alignment.
Master alignment and distribution in figma to center, nest, and radiate shapes from a frame, and distribute vertical and horizontal spacing to tidy up icons.
Discover fixed position while scrolling in mobile and tablet UI, keeping top navigation and bottom tab bar visible as content scrolls, with frames, icons, and app bar examples.
Master nested auto layouts in Figma to build multi-layer UI blocks, from text rows and avatars to the connect button, with precise padding, spacing, and reusable layouts.
Learn how Figma auto layout resizing works, including hug content versus fill container, and how inner elements and frames resize together, with fixed versus flexible widths.
Explore Figma auto layout by adjusting padding values, using equal and individual paddings, and applying nine alignment options to position children; compare packed and space between distribution.
Learn to design alert popups with Figma auto layout, mastering text wrapping, fill container resizing, and creating variations; then build a responsive calendar UI.
Master building a responsive card design in Figma using auto layout, padding, and resizing options like fill container and hug content.
Build responsive real-world user interface designs in Figma
If you're tired of stretching your head while using Figma. Then, this course is the complete guide to learning how to build amazing things in Figma. For absolute beginners — with hands-on exercises.
Figma is a web-based graphics editing and user interface design app that works on your browser. That means you can access your projects from any device without installing software. It has collaboration facilities on the same file in real-time. So, your team can join you online taking the project from brainstorming to prototypes. Figma is not limited to UI design. It has the full potential to use as a daily graphics designing tool. By the end of this project, you will be able to use Figma with full potential.
From this course, you learn,
Navigation and Interface: Familiarize yourself with Figma's interface, including the different panels, menus, and shortcuts.
Vector Graphics: Learn how to create and manipulate vector graphics in Figma, including shapes, paths, and vector networks.
Layers and Frames: Understand how layers and frames work in Figma, including layer organization, frame creation, and layer styles.
Components and Assets: Discover how to create and use components and assets to streamline your design workflow and maintain consistency.
Prototyping: Learn how to create interactive prototypes in Figma using the built-in prototyping tools.
Design Style: Understand the benefits of design style and how to create and maintain a design system.
Collaboration and Sharing: Learn how to collaborate with other designers and stakeholders and share your designs with them.
Plugins and Integrations: Explore Figma's extensive plugin library and how to integrate Figma with other tools in your workflow