If that game wasn’t enough, check out these spatial 3D animations made using SkewDat plugin. There is a tutorial as well.
Honestly, at this point, I gave up on trying to understand how Double Glitch creates their prototypes. All possible Tic Tac Toe moves were manually tied together in this prototype, which is an incredible amount of work. Make sure to get a copy of the file and look under the hood!
“Hear from Sprig’s Product & Designs teams to learn actionable steps to incorporate user feedback as a core part of your design process in Figma.”
Luis shares a few tips on structuring library files. He recommends optimizing variants for searching and usage rather than maintenance, and suggests this file structure: Page → Section → Variant. Also, check out his other thread on naming and splitting your library files.
We spend a lot of time talking about component structure, but the library files themselves are often ignored
— luis. (@disco_lu) February 27, 2023
So what goes into structuring a good Figma component library?
Here are a few tips, hopefully a good starting point 📈 pic.twitter.com/2zL7xk9eSx
This is my favorite kind of blog post! Software Engineer Dorothy Chen went down the rabbit hole of international keyboards and emerged from the other side in November when Figma shipped keyboard shortcuts support for a set of non-US QWERTY keyboards. Lots of fascinating details, and the story about the new uppercase eszett character is wild!
On the Enterprise plan, organization admins and workspace admins can now enable libraries for all files in a given workspace. On the Organizations plan, organization admins will see an updated layout for the libraries tab in the admin settings.
Minor performance update that makes animations of interactive components in prototypes much smoother and faster.
“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.
“For Organization and Enterprise customers, we improved how the members table in the admin console loads. The new experience starts rolling out today for organization admins and workspace admins. As a result of the change, the members table should load much faster for Figma instances with more than 1,000 users.”
Prototypes are now even more powerful, with new ways to upload, edit, and interact with videos. See demos at Figma’s Twitter thread and try it out in the playground. Great follow-up update to the release of videos in October!
Speaking of sections in Figma, here is a plugin for you: “Wrap a new section around layers you’ve selected, or adjust the size of an existing section. Customize the spacing around selected layers, change the color of the section, and add additional titles and subtitles.”
“You’ve been invited to collaborate in FigJam! Watch this video to learn the basics so you’re ready to jam with your team on project plans, flow charts, and more.”
From the author of the new EightShapes Specs documentation plugin: “This post describes how the plugin works, what it outputs, how teams adjust and style based on their preferences, and a bit of the background of how I got here. As you read, keep in mind: the plugin is great for specs but also proved unexpectedly useful for designers to audit in-progress Figma work for quality and completeness and critique their component with teammates.”
“In this livestream, Aashrey Sharma, UX Designer at Epic Games, shares how he prototypes for game design and some principles to consider when creating a game, or more broadly, focus-based navigation prototypes.”
Yet another fantastic tutorial by Double Glitch. The use of dodge & burn in animations is really smart and produces a beautiful effect.
And here's the tutorial on how to create this animated heart in @figma
— Double Glitch 🇺🇦 (@double__glitch) February 14, 2023
Might be a bit long, so brace yourself! pic.twitter.com/5ws4dC8cPu
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.
Anyone else love sections in Figma? @miggi takes it one step further to show you how to use sections for prototyping. pic.twitter.com/Z3IJZnRGjW
— Figma (@figma) February 13, 2023
Patrick Morgan with shares simple guidelines for using Figma to showcase your strength as a visual storyteller.