Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

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

Buy Me A Coffee

# 🛠 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)