11 min readAdding Interactions to a Slideshow: Tap, Drag, & KeysLearn to prototype a fully functional slideshow in Figma with this detailed tutorial, covering topics such as adding tap interactions, maintaining custom...
4 min readText Styles: Free Figma TutorialMaster the essential skills of using Figma, an online user interface design tool, in this comprehensive guide that covers creating, editing, and organizing...
6 min readIntro to Smart AnimateLearn how to add movement and excitement to your designs using smart animate in Figma, with methods for setting up your frames, adding smart animate, and...
7 min readParallax Animation: Free Figma TutorialDive into this comprehensive Figma tutorial to learn how to set up parallax assets and build a parallax animation, including important steps such as setting up...
7 min readHovers & Overlays: Free Figma TutorialBoost your Figma prototyping skills by learning how to add a hover state to a button and open a pop-up using an overlay in this step-by-step tutorial.
7 min readAuto Layout: Deeper DiveLearn how to build more flexible layouts in Figma through this tutorial that covers various features of auto layout, including nesting, spacing, padding,...
12 min readComponent Properties & VariantsDiscover the scope of topics covered in our Figma tutorial, from component properties to creating and using component variants, and grasp how to manage...
8 min readExporting Assets for Web: SVG, JPEG, & PNGEnhance your understanding of exporting graphics for web use with our comprehensive Figma tutorial, covering topics such as exporting individual assets, frames...
6 min readSharing Figma Files: Commenting, Testing, Developers, etc.Our comprehensive Figma tutorial guides you through how to effectively share Figma files and prototypes, exploring key processes such as commenting on shared...
7 min readImporting & Cropping PhotosExplore this in-depth tutorial on how to import and crop photos in Figma, as well as add rounded corners to give your designs a polished look.
13 min readCreating New Files & Designing on a GridLearn how to effectively utilize Figma in this comprehensive tutorial that covers topics such as creating a new file, setting up frames, adding text, and...
11 min readVector Graphics, Colors, Shadows, & MoreMaster Figma with this comprehensive tutorial, covering topics like importing and modifying vector graphics, aligning and distributing layers, and adding a...
5 min readAuto Layout: IntroductionOur Figma tutorial guides you through the use of features such as Tidy Up for Even Spacing, Auto Layout, Alignment Constraints, and more, helping you to...
7 min readTeam Libraries (Shared Libraries)Learn how to leverage Figma in this comprehensive tutorial that covers how to publish a Team Library, use components and styles in a Team Library, swap Team...
6 min readPrototypes Triggers: After Delay (Time Interactions)Learn to add a drag interaction, time interaction, and keystroke in Figma through this step-by-step tutorial, starting with designing a "drag to delete"...
9 min readComponents (Reusable Elements)Learn how to globally update elements on your design using Figma components in this step-by-step tutorial, including creating and editing components,...
8 min readLinking Up/Down a Page, Scrollable Areas, & HyperlinksLearn how to create a prototype with links that scroll up or down a frame, adjust the position and speed of the scroll, add a scrollable area within a page,...
8 min readTurning a Design into a Clickable PrototypeGet a comprehensive understanding of prototyping with Figma, including topics such as linking between frames, creating overlays, fixing element positions, and...
12 min readUnderstanding the Differences Between Web App and Desktop App for FigmaIn this article, explore the distinctions between web apps and desktop apps in Figma, delving into their unique functionalities and advantages.