Figma plugin now available on Figma Community →

3D Product Animationright inside Figma

MeshShot is a Figma plugin for 3D product animation. Drop in a GLB, OBJ or FBX model, or turn your own text and logos into 3D. Then frame it, light it, move the camera and export a snapshot, video or GIF back to your canvas.

Get the Figma plugin Open the web app
  • Official Figma Community plugin
  • No Blender or 3D experience needed
  • Renders in your browser
▲GLB · OBJ · FBXDrag & drop import
↻360° LoopOne-click camera preset
↗Apply to FigmaSnapshot · Video · GIF
MeshShot 3D product animation Figma plugin interface with import, aspect ratio and camera panels
4+3D file formats
4Camera presets
5Motion presets
3Export types
Watch the demo

See MeshShot in action

A quick walkthrough of the whole flow: import a model, pick a camera angle, add a 360° spin and send the render straight to your Figma file.

MeshShot Figma plugin demo video thumbnail ▶ Watch on YouTube
All features

Every 3D product animation control, in one panel

MeshShot keeps the whole studio in a single scrolling panel next to your design. Here is what each part of the plugin does, from the first import to the final export.

01 · IMPORT

Import any 3D model

Drag in .glb, .gltf, .obj or .fbx files. Select an .mtl with its textures to keep the original colours. Very large files can open in the MeshShot web app.

02 · OBJECT

Scale, material & shadow

Resize the object, keep its original material or restyle it, and switch the contact shadow on or off. Changes update live.

03 · CANVAS

Aspect ratio first

Choose Square 1:1, Standard 4:3, Widescreen 16:9 or Portrait 9:16. Framing, snapshots, video and GIF all follow it.

04 · PARTS

Model parts

Browse the individual meshes inside complex models, like the dozens of parts in a phone or device file.

05 · CAMERA

Camera & field of view

Jump between Front, Side, 3/4 and Top. A low field of view gives a flat telephoto product look, a high one adds depth.

Full MeshShot plugin panel showing every 3D product animation feature from import to export
06 · ORIENTATION

Model orientation

Fix models that load sideways with precise X, Y and Z rotation, then save any angle with Set current view as Front.

07 · LIGHT

Studio lighting

Start from a lighting preset, then tune brightness, light angle and light height. Shadow softness, size and distance are adjustable too.

08 · BACKGROUND

Five background modes

Studio, Transparent, solid Colour, Gradient or your own Image, so every render matches your layout.

09 · TIMELINE

Camera timeline

Use 360 Loop, Hero Reveal, Product Spin, Dramatic Orbit or Four Sides, or chain your own steps and press Play to preview.

10 · EXPORT

Snapshot, video & GIF

Place a snapshot on the canvas, render video, make a GIF, or lay out animation frames as a storyboard row or a looping prototype (PRO).

What you can make

From flat mockup to moving product

Real renders made inside the plugin. No exporting to a separate app, no render farm, no waiting on a 3D artist.

3D phone model imported into the MeshShot Figma plugin with scale, material and shadow controls
Import model

Bring real product models into Figma

Drop a device, packaging or hardware file into the plugin and it appears in the preview, lit and centred. It is the fastest starting point for a 3D product animation, because the model you already have becomes the hero of your design.

  • GLB, GLTF, OBJ and FBX support
  • Keep original materials and textures
  • Heavy files? Open them in the web app
Red 3D text with soft shadow created in the MeshShot Figma plugin with camera and lighting controls
Create shape

Turn headlines into 3D text

Type a word and MeshShot extrudes it into solid 3D lettering with a real shadow underneath. Use it for launch banners, thumbnails and bold section headers that stand out from flat type.

  • Adjustable shadow softness, size and distance
  • Studio lighting with angle and height
  • Framed automatically in the preview
Purple 3D logo made from a Figma layer in MeshShot with snapshot, video and GIF export options
Figma layer to 3D

Give your logo real depth

Select a vector layer in Figma and MeshShot turns it into a 3D object you can light and rotate. Brand marks, icons and app symbols get a premium look in a couple of clicks.

  • Works from your existing Figma layers
  • Snapshot straight onto the canvas
  • Animation frames as a storyboard row
MeshShot rendering a WebM video of a 3D logo animation with a camera timeline in Figma
Render & export

Render video and GIF in one click

Chain timeline steps such as Front, Half Turn and Hold, preview them, then render. Download the video file or apply the result directly to your Figma frame for handoff and presentations.

  • WebM (VP9) for best quality
  • Progress bar with cancel at any time
  • Download video or Apply to Figma
3D tablet model shown from a 3/4 camera angle with studio lighting in MeshShot Same 3D device model viewed from the top camera preset in the MeshShot Figma plugin
Camera presets

One model, every angle

Switch the camera and the same model tells a different story. Try it here: flip between the 3/4 hero view and the top view used for flat-lay layouts.

Workflow

How to make a 3D product animation in 4 steps

You do not need to learn a 3D suite. If you can use Figma, you can finish your first render in a few minutes.

  1. 1

    Import or create

    Drop a GLB, OBJ or FBX file, type 3D text, or select a Figma layer.

  2. 2

    Frame the shot

    Pick an aspect ratio, a camera preset and a field of view.

  3. 3

    Style the scene

    Set lighting, shadow and a background that fits your layout.

  4. 4

    Animate & export

    Add a timeline preset, then export a snapshot, video or GIF.

Use cases

A 3D animation tool built for designers

MeshShot is 3D product animation software that lives where designers already work, so the output drops straight into real projects.

Landing page heroes

Spinning product shots that make a SaaS or hardware launch page feel premium.

App store & device mockups

Show your UI on a real 3D phone or tablet from any angle.

Social posts & ads

Square and portrait renders sized for Instagram, TikTok and paid campaigns.

Brand & logo reveals

Turn a flat logo into a 3D intro for videos, decks and social profiles.

E-commerce product shots

Clean studio renders of packaging and products on a transparent or colour background.

Pitch decks & prototypes

Looping frame prototypes and short clips that bring presentations to life.

Why MeshShot

MeshShot vs a traditional 3D pipeline

3D animation for designers should not mean weeks of learning new software. Here is how the two workflows compare.

 MeshShot pluginTraditional 3D software
Where you workInside Figma, next to your designSeparate desktop app, then re-import
Learning curveMinutes, with presets for camera and motionWeeks to learn modelling, lighting and rendering
Text & logos in 3DFrom your text or Figma layersRebuild or convert vectors by hand
Camera animation5 presets plus a step timelineManual keyframes and curves
OutputSnapshot, video or GIF placed on your canvasExport files, then upload them to Figma
FAQ

3D product animation questions

What is MeshShot?

MeshShot is a 3D to Figma plugin by ProFigma. It lets you import 3D models or create 3D text and logos, style them with lighting and backgrounds, animate the camera and export the result as an image, video or GIF.

Is the MeshShot Figma plugin available now?

Yes. You can install it from the Figma Community and run it from the plugins menu in any Figma design file. There is also a browser version at meshshot.com.

How do I create a 3D product animation in Figma?

Open MeshShot, import your model, choose an aspect ratio and camera angle, set lighting and background, add a timeline preset such as 360 Loop or Product Spin, then export a video or GIF, or apply it to your Figma frame.

Which 3D file formats are supported?

MeshShot imports .glb, .gltf, .obj and .fbx files. For OBJ models, select the .mtl file and its textures together to keep the original colours.

Do I need Blender or 3D experience?

No. Camera angles, lighting and motion all come as presets with simple sliders, so any designer who knows Figma can produce 3D product visuals without a separate 3D tool.

What can I export?

You can place a snapshot on the canvas, render a video (WebM VP9 and other browser formats), create a GIF, or export animation frames as a storyboard row or a looping prototype. The looping prototype layout is a PRO feature.

Can videos have a transparent background?

Not at the moment. Browser video encoders do not support real transparency, so videos render with a background. Use a snapshot with the Transparent background option when you need a cut-out image.

My model file is very large. What should I do?

Open it in the MeshShot web app. It has the whole browser window to work with instead of a small plugin panel, which handles heavy models more comfortably.

Ready when you are

Start your first 3D product animation today

Install MeshShot from Figma Community and turn your next mockup, logo or product shot into motion without leaving your design file.

Install on Figma Visit meshshot.com

MeshShot is made by ProFigma, home of Figma resources, UI kits and plugins for designers.

Free guides

Turn your 3D files into GIFs, video and PNGs

Short, practical guides for turning a 3D model, logo or line of text into a finished visual with MeshShot.

GIF Convert a GLB to an animated GIF Read guide → Video Turn a GLB file into an MP4 video Read guide → Product Make a 3D product turntable online Read guide → 3D text Make animated 3D text online Read guide → Figma How to import a GLB into Figma Read guide → All guides Browse every MeshShot guide View all →
FAQ

Frequently asked questions

What is MeshShot?

MeshShot is a 3D to Figma plugin by ProFigma. You import 3D models or create 3D text and logos, style them with lighting and backgrounds, animate the camera and export the result as an image, video or GIF back to your Figma canvas.

Which 3D file formats are supported?

MeshShot imports .glb, .gltf, .obj and .fbx files. For OBJ models, select the .mtl file and its textures together so the original colors are kept. Very large files open more comfortably in the MeshShot web app.

Do I need Blender or 3D experience?

No. Camera angles, lighting and motion come as presets with simple sliders, so a designer who knows Figma can produce 3D product visuals without learning a separate 3D tool or exporting files between apps.

What can I export?

You can place a snapshot on the canvas, render a video (WebM VP9 and other browser formats), create a GIF, or lay out animation frames as a storyboard row. The looping prototype layout is a Pro feature.

Can videos have a transparent background?

Not at the moment, because browser video encoders do not support real transparency, so videos render with a background. Use a snapshot with the Transparent background option when you need a cut-out image.