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.
Spline is like a Figma of the 3D world — web-based, real-time, and collaborative. (I still can’t believe that this is actually possible!) They’ve just introduced Spline Viewer, a new and easy way to embed 3D on your site. Support of all kinds of interactions makes it really fun to play with. Check out a recent experiment by Vijay.
If that game wasn’t enough, check out these spatial 3D animations made using SkewDat plugin. There is a tutorial as well.
I had to rewatch this tutorial by Double Glitch a few times and it still blows my mind. So cool!
3D in Figma for #figbruary @rogie— Double Glitch 🇺🇦 (@double__glitch) February 20, 2023
This one is pretty minimalistic, and very easy to create. I also discovered some other techniques that I'll share later.
Short tutorial in the thread 👇 pic.twitter.com/9fDXDjHs1k
Mix and match 3D illustrations and icons and drop them into your Figma file.
Zander recommends three 3D libraries: Drawkit, Fall Guys, and Nikuu.
❤️ 3 super 3D libraries in @figmadesign #ux #ui #3d #figma pic.twitter.com/xvDrgBmKy4— Zander Whitehurst ⚡️ (@zander_supafast) January 2, 2022
Ben recorded a few videos showing how to use Figma with Cinema 4D for 3D modeling. Cool stuff!
Learn how to add 3D Perspective to your UI in Figma.
Isometric 3D constructor for creating complex scenes easily in Figma.
3D Transformer is an online tool to 3D rotate your images and turn them into beautiful 3D mockups. Includes a Figma plugin to turn any frame into a 3D mockup.
“The Vectary 3D plugin for Figma is adding the missing third dimension to your 2D designs. Place your Figma design into a predefined 3D mockup or your custom 3D element. Set your desired perspective in 3D and place the result into the scene with one click.”
Easily create isometric layers and groups using the popular SSR30⁰ method.
“Imagine how awesome would it be if you could manipulate and place photorealistic 3D objects in Figma with any view and perspective you like. Vectary is bringing customizable and interactive 3D elements and mockups right into your design process.”
While Figma is most definitely not the right tool for the job here, it’s interesting to see how experiments like this push the limits of the tool. See also: Places I’d Rather Be by David Kulakevich at Figma Community.