https://github.com/ahkohd/FigmaThird

🙈 import, lit and use 3D models right there in Figma
https://github.com/ahkohd/FigmaThird

Last synced: 3 months 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
• Created: 2019-11-09T12:36:13.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-04-13T20:03:20.000Z (7 months ago)
• Last Synced: 2024-04-14T10:48:40.130Z (7 months ago)
• Language: TypeScript
• Homepage:
• Size: 22.5 MB
• Stars: 40
• Watchers: 4
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-figma - FigmaThird - Import, lit and use 3D models right there in Figma. (Open-Source Plugins)

README

        


[![Actions Status](https://github.com/ahkohd/FigmaDither/workflows/ProdBuild/badge.svg)](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

![Third in Action](./media/third-trailer.gif)

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 🔥

![Figma Third 🔥](./media/shot1.png)

# ☕️ 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)