Awesome

<img src="./media/third-dark.png" height="80" style="display: table; margin: 0 auto;"/>

A Figma plugin that lets you import, lit, use and render 3D models right there in Figma 🙈

💡 Features

⚡ A viewport to interact with 3D models.
🔥 High resolution and transparent rendering.
😽 Easy to use UI.
✨ Supports multiple 3D model extensions for import. .OBJ, .FBX, .GLB/GLTF
🚀 Lightweight, powered with Three.JS

🎥 Demo

Third in Action

Also see demo showing the use of Third to render a All Star Converse kicks into a project Figma.

All Star Converse Kicks 3D model by Pedro França

📸 Screenshots

Figma Third in action 🔥

Figma Third 🔥

☕️ Donate

<a href="https://www.buymeacoffee.com/jwlE0N8" target="_blank"><img src="https://bmc-cdn.nyc3.digitaloceanspaces.com/BMC-button-images/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>

🛠 Development

First clone this repository.

$ git clone https://github.com/ahkohd/FigmaThird.git
$ cd FigmaThird

Install dependencies & build files to start local development.

$ npm install
$ npm start

🧾 LICENSE