Free 40-minute DesignCode course on designing a realistic smart home mobile app. The video explains using the Arc tool, dashed lines and stroke settings, boolean tools, Auto Layout, and more.
Mark Bennett with an in-depth walkthrough of his process for creating CyberBlade illustration.
A guide to creating icons in Figma with a solid introduction to basic tools, grids, and approaches to designing a cohesive set.
Dmitry Novikov from Rive shows how to do soft page curls in Figma.
How I do page curls in @figma #figma pic.twitter.com/DGpqpBTjIh
— Dmitry Novikov (@novikoff) March 12, 2024
Fons Mans shows how to create a simple glow effect inspired by Vision Pro promo at the Apple 5th Avenue store in New York.
Tutorial Thread! 🥽
— Fons Mans (@FonsMans) February 2, 2024
Learn how to create a stunning glow effect in @figma with just a few simple steps, and no need for plugins.
Let's dive right in 👇 pic.twitter.com/EP69oS2M7g
Nice to see a free course updated with all the recent features! “A beginner’s guide to all the major 2024 functionality in Figma: frames, basic shapes and properties, text and text styling, named styles, colors, plugins, the pen tool/vector editing, gradients, shadows, Auto Layout, components, prototyping, and Dev Mode!”
Rafal Tomal wrote a simple guide for non-designers like content creators, copywriters, marketers, and others who want to be able to create quick graphics on their own without learning all the advanced Figma features: “At the end of this guide, you’ll know how to create your own file in Figma, set up the frame (the artboard for your image) at the size you need, add some text and images, and export it to PNG or JPG.”
Tutorial Tim dissects a beautiful Fey website and shows how to leverage developer tools in the web browser to extract CSS values and implement them in Figma.
A quick tutorial on creating light rays inspired by Rogie and Vijay with the Noise & Texture plugin.
Creating Light Rays in Figma within 15 seconds.
— Irfan Aziz (@heyirfanaziz) November 29, 2023
Using the Noise & Texture plugin from @rogie.
Link to plugin → https://t.co/YekBNCvmt8 pic.twitter.com/kSzIP16C9q
Christine Vallaure just published a free 1‑hour course on YouTube. Topics include Figma’s file structure, creating files and frames, shapes, text, components, and general design setup. A fantastic resource for beginners, and it even comes with an exercise file.
What a great idea! Figma Designer Advocate Lauren will be teaching FigJam Advocate Kaitie how to use Figma one concept at a time, in less than 15 minutes a day. So far they’ve covered file management and creation, structuring your files, libraries, and components.
Daniel Scott recorded multiple video tutorials on using Figma on his popular channel Bring Your Own Laptop for designers and creatives.
Mini-series showing how to use variables for advanced prototyping on a few example projects by the Design Pilot YouTube channel.
One more tutorial from Fons! This one is on how to create a glossy app icon.
New tutorial! ✨
— Fons Mans (@FonsMans) July 14, 2023
Learn how to create a glossy icon in @figma, in just a few easy steps.
Ready? Let's dive in 👇#sponsored pic.twitter.com/M4BLJSAtCE
Fons Mans shows how to create a dreamy multi-color gradient with Figma without relying on any plugins.
New tutorial! ✨
— Fons Mans (@FonsMans) September 13, 2022
Learn how to create an 'ultra gradient' with @figma, without using any plugins!
Let's get started 👇 pic.twitter.com/5eMYoPJc3z
Oğuz wrote a step-by-step tutorial on creating a beautiful app icon from scratch in Figma.
Design Tips #4:
— Oğuz (@oguzyagizkara) June 12, 2023
The Breakdown of the Orbit App Icon 🪐
Get ready for a deep dive - this tutorial is gonna be worth it 💫 https://t.co/U20TiQnOcQ
David Hill shows how to make a nice 3D button with an active ring effect, applied in a way that grows with the button without changing the dimensions of the button.
A new free course with a comprehensive curriculum on how to use Figma.
Molly Hellmuth explains how to build the perfect combo button that contains two actions in one component, each with independent states and resizing behaviors. This button allows designers to combine related actions, saving space and simplifying designs.
💡Figma Tip: Build the perfect combo button
— Molly Hellmuth (@molly_hellmuth) February 10, 2023
Create a button that contains 2 actions in one component. Each with independent states and resizing behaviors. This button allows designers to combine related actions, saving space and simplifying designs.
Keep reading to learn how.. pic.twitter.com/q8UfrAjFUX
Malewicz shows how to use the glassmorphism (or “frosted glass”) effect to create beautiful weather icons.