From beginner to pro: Master all aspects of Figma - interface setup, plugin usage, text and shape design, prototyping, and collaborating with developers.
In this creative journey, Mirko, a renowned designer and creative director at Paper Tiger agency, introduces you to the heart of Figma, the essential UI tool for digital design. Starting from scratch, you'll embark on a comprehensive exploration of Figma's features, guided by Mirko's expertise.
Unravel the intricate threads of UI design as you progress through ten immersive courses. Mirko's hands-on approach guides you through foundational concepts such as navigating Figma's interface, crafting design systems, and perfecting web experiences. Delve into the world of UI elements, color exploration, effects, and fonts. Unleash your creativity with auto-layout, components, and component libraries. Elevate your skills further with prototyping, animation, and project sharing.
- Getting Started
- File Browser
- Teams and Projects
- Figma Editor
- Workspace Setup
- File Thumbnail
- Community and Plugins
- Practice
- Shape Tools
- Pen Tool and Vector Network
- Boolean Operations
- Frames and Groups
- Colors and Color Styles
- Images and Animated GIFs
- Masking Layers
- Effects and Effect Styles
- Practice
- Text Tool
- Advanced Type Customization
- Text Styles
- Variable and Icon Fonts
- Practice
- Alignment Tools
- Smart Selection
- Measurements and Guides
- Layer Constraints
- Layout Grid
- Layout Styles
- Scaling and Resizing
- Practice
- Introduction to Auto Layout
- Layer Stacks and Scaling
- Composition
- Blocks and Spacers
- Auto Layout Best Practices
- Practice
- Introduction to Components
- Creating and Detaching Components
- Component Instances and Overrides
- Swapping Components
- Component Variants
- Component Properties
- Combining Variants and Properties
- Components beyond UI
- Practice
- Component Assets Panel
- Organizing Local Components
- Batch Renaming
- Documentation and Links
- Publishing a Component Library
- Practice
- Introduction to Prototyping
- Presentation and Mirroring
- Prototype Settings
- Prototype Connections
- Prototype Flows and Starting Point
- Overflow and Scroll Interactions
- Overlays
- Transition Animations
- Smart Animate
- Easing and Spring
- Components and Prototypes
- Interactive Components
- Figma Mobile App
- Practice
- Sharing Files and Prototypes
- Adding and Managing Comments
- Version History
- Practice
- Creating Designs Specs
- Inspecting a File
- Exporting Image Assets
- Exporting Code Snippets
- Practice
In this creative journey, Mirko, a renowned designer and creative director at Paper Tiger agency, introduces you to the heart of Figma, the essential UI tool for digital design. Starting from scratch, you'll embark on a comprehensive exploration of Figma's features, guided by Mirko's expertise.
Unravel the intricate threads of UI design as you progress through ten immersive courses. Mirko's hands-on approach guides you through foundational concepts such as navigating Figma's interface, crafting design systems, and perfecting web experiences. Delve into the world of UI elements, color exploration, effects, and fonts. Unleash your creativity with auto-layout, components, and component libraries. Elevate your skills further with prototyping, animation, and project sharing.
