I shared a sneak peek of this plugin by Yi Shen in issue #123, and now it’s available in the Community: “This plugin converts text and vector nodes into 3D models with just one click! The converted models will be automatically placed and rendered with GPU ray-tracing. You can use it to render a nice 3D icon, text, or any other 3D-style images without being a 3D specialist.”
A preview of the new ray tracer plugin currently in development by Yi Shen. Some of the examples are pretty wild!
Testing @pissang1 Figma to 3D Plugin✨
— Davo (@pixelbeat) July 11, 2023
I'm absolutely impressed by his work.
Just a handful of levers to pull and I have a pretty solid 3D render from my Figma asset.
It's a ray tracer running on Figma. pic.twitter.com/vKOv82vTK1
As always, Double Glitch is pushing the limits of Figma prototypes — this time by rendering a rectangular cuboid in 3D using variables and advanced prototyping. See his demo on Twitter and thoughts on the intricacies of this project.
Tutorial from Samarth Jajodia on creating a cool animation with a few shapes, gradients, and blend modes with Smart Animate.
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!
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.”