https://github.com/idered/figma-render

Render Figma document into HTML content
https://github.com/idered/figma-render

figma figma-embed

Last synced: about 1 month ago
JSON representation

Render Figma document into HTML content

• Host: GitHub
• URL: https://github.com/idered/figma-render
• Owner: Idered
• License: mit
• Created: 2019-05-28T17:32:09.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-05-01T05:45:08.000Z (over 1 year ago)
• Last Synced: 2024-10-11T22:41:17.660Z (about 1 month ago)
• Topics: figma, figma-embed
• Language: TypeScript
• Size: 474 KB
• Stars: 9
• Watchers: 3
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Figma Renderer

Render Figma document on canvas

## TODO:

- [ ] Render images

- [ ] Render vectors

- [ ] Render

- [x] Render linear gradients

- [ ] Render other type of gradients

- [x] Render shadows

- [ ] Handle multiple shadows

- [x] Render strokes

- [ ] Handle multiple strokes

- [x] Render fills

- [x] Render rectangles

- [x] Render text

- [x] Render groups

- [x] Render frames

## The Goal

The goal is to create figma embed which:

- can render any node and it's children

- have a selectable layers - user can see CSS for selected layer

I want to put this into my [Figma extension for VS Code](https://github.com/Idered/vscode-extension-figma).