https://github.com/ahkohd/FigmaThird
🙈 import, lit and use 3D models right there in Figma
https://github.com/ahkohd/FigmaThird
Last synced: about 1 year ago
JSON representation
🙈 import, lit and use 3D models right there in Figma
- Host: GitHub
- URL: https://github.com/ahkohd/FigmaThird
- Owner: ahkohd
- License: mit
- Archived: true
- Created: 2019-11-09T12:36:13.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2025-03-19T16:35:45.000Z (about 1 year ago)
- Last Synced: 2025-05-04T22:36:58.803Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 22.6 MB
- Stars: 46
- Watchers: 3
- Forks: 4
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-figma - FigmaThird
- awesome-figma - FigmaThird - Import, lit and use 3D models right there in Figma. (Open-Source Plugins)
README
[](https://github.com/ahkohd/FigmaDither/workflows/ProdBuild/badge.svg)
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
Also see demo showing the use of Third to render a
[All Star Converse kicks into a project Figma.](./media/demo.gif)
All Star Converse Kicks 3D model by
[Pedro França](https://sketchfab.com/3d-models/all-star-converse-f3428b2583a0415c99b3b08feee48d79)
# 📸 Screenshots
Figma Third in action 🔥
# ☕️ Donate
# 🛠 Development
First clone this repository.
```bash
$ git clone https://github.com/ahkohd/FigmaThird.git
$ cd FigmaThird
```
Install dependencies & build files to start local development.
```bash
$ npm install
$ npm start
```
# 🧾 LICENSE
[MIT](./LICENSE.md)