The recording of Miggi’s workshop livestream on using vector tools in Figma.

In this Study Hall, Miggi covers several ways to add/​edit images in Figma and demonstrates how to upload a video to use when prototyping or presenting.

Honestly, I always assumed that SVG bugs are just a part of the game and will always be here — not a surprising conclusion when 49% of imported SVGs relied on buggy features. In retrospect, it was a silly assumption considering SVG is one of only a few open vector formats. In this fantastic thread, Figma engineer Lauren Budorick shows how much work went into detecting, analyzing, and fixing these bugs. I didn’t realize that luminance mask support was a part of this work as well, and Miggi is already exploring creative applications for composited motion visuals in prototypes.

“This workshop will be a deep dive into the prototyping features in Figma. We will cover many of the basic frame-to-frame navigation prototypes for devices, and touch upon some of the more advanced capabilities that you can unlock with video, interactive components, and sections.”

“We will leverage Figma’s native prototyping capabilities to demonstrate how to collaboratively design slide decks, as well as utilize FigJam’s whiteboards to present ideas while others follow along and give feedback. You can use these techniques to give interactive presentations, engage your audience (or students), and communicate your content clearly and compellingly.”

“In this workshop we will cover how to apply motion and animation when prototyping with Figma. We will cover concepts like transitions, delays, timing, smart animate, and interactive components.”

In this series for educators and students, Miggi introduces Auto Layout features and covers best practices and tips for designing layouts that can change with their content.

Miggi shows how to use Figma sections for prototyping. Besides being a wonderful organizational tool, sections give you the ability to remember the states of areas of your prototype.

Miggi started a YouTube channel with his design shorts, Figma tips, and tutorials. Start with his recent series on making icons in Figma.

Miggi with two great tips on managing gradients. I wish we didn’t need to resolve to a 100 pixels square hack, but often it gets the job done!

Miggie shows how to prototype overlay transitions for thumbnails using interactive components. This tutorial is intermediate and covers the use of overlays, Auto Layout, interactive components, and placing images.

Miggie is sharing a few tips on making a heart icon.

Great team activity from Miggie — build a gingerbread house using the provided virtual gingerbread cookies and sweets. In the end, you can even make your own card.

Ana and Miggie are back streaming their experiments with Figma prototypes. This time they cover drag interactions and video among other things.

A Twitch stream of Ana Boyer and Miggi Cardona diving deep into Figma prototyping.

Copy-pasting objects from FigJam to Figma never disappoints.

Miggi shows how to do hanging opening quotes with Auto Layout.

A super useful tip by Miggi. The power of combining FigJam with Figma always keeps surprising me.

Easy and fast way to access a pre-defined color palette in FigJam.

Miguel with a few useful shortcuts for adjusting font size, weight, letter spacing, and line height.