9 min read
Intro to Smart Animate
Learn 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...
Dan Rodney
Learn Figma
19 articles in Figma
9 min read
Parallax Animation: Free Figma Tutorial
Dive 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...
Dan Rodney
9 min read
Hovers & Overlays: Free Figma Tutorial
Boost 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.
Dan Rodney
9 min read
Auto Layout: Deeper Dive
Learn how to build more flexible layouts in Figma through this tutorial that covers various features of auto layout, including nesting, spacing, padding,...
Dan Rodney
11 min read
Component Properties & Variants
Discover the scope of topics covered in our Figma tutorial, from component properties to creating and using component variants, and grasp how to manage...
Dan Rodney
10 min read
Exporting Assets for Web: SVG, JPEG, & PNG
Enhance your understanding of exporting graphics for web use with our comprehensive Figma tutorial, covering topics such as exporting individual assets, frames...
Dan Rodney
6 min read
Sharing 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...
Dan Rodney
8 min read
Importing & Cropping Photos
Explore 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.
Dan Rodney
13 min read
Creating New Files & Designing on a Grid
Learn how to effectively utilize Figma in this comprehensive tutorial that covers topics such as creating a new file, setting up frames, adding text, and...
Dan Rodney
12 min read
Vector Graphics, Colors, Shadows, & More
Master Figma with this comprehensive tutorial, covering topics like importing and modifying vector graphics, aligning and distributing layers, and adding a...
Dan Rodney
6 min read
Auto Layout: Introduction
Our 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...
Dan Rodney
9 min read
Team 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...
Dan Rodney
11 min read
Adding Interactions to a Slideshow: Tap, Drag, & Keys
Learn to prototype a fully functional slideshow in Figma with this detailed tutorial, covering topics such as adding tap interactions, maintaining custom...
Dan Rodney
7 min read
Prototypes 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"...
Dan Rodney
10 min read
Components (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,...
Dan Rodney
11 min read
Linking Up/Down a Page, Scrollable Areas, & Hyperlinks
Learn 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,...
Dan Rodney
6 min read
Text Styles: Free Figma Tutorial
Master the essential skills of using Figma, an online user interface design tool, in this comprehensive guide that covers creating, editing, and organizing...
Dan Rodney
10 min read
Turning a Design into a Clickable Prototype
Get a comprehensive understanding of prototyping with Figma, including topics such as linking between frames, creating overlays, fixing element positions, and...
Dan Rodney
16 min read
Understanding the Differences Between Web App and Desktop App for Figma
In this article, explore the distinctions between web apps and desktop apps in Figma, delving into their unique functionalities and advantages.