1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22
23. 23
24. 24
25. 25

# figspec

**WIP. Use at your own risk.**

An unofficial Figma spec viewer. [Figma Live Embed Kit](https://www.figma.com/developers/embed) - Live update + Guidelines + Inspector.

- [x] WebComponents (`<figspec-*>`)
- [ ] Node.js server
- [ ] CLI
- [ ] Deploy buttons
  - [ ] Netlify
  - [ ] Vercel
  - [ ] Heroku

## Packages

| Directory Name                                 | Package Name          | Language   | Description                                 |
| ---------------------------------------------- | --------------------- | ---------- | ------------------------------------------- |
| [`packages/components`](./packages/components) | `@figspec/components` | TypeScript | CustomElements having actual preview logic. |
| [`packages/react`](./packages/react)           | `@figspec/react`      | TypeScript | React bindings for `                        |

## Usage

Currently, we only have front-end components to preview. You need to implement a logic to call Figma API and feed them to the components.
For more detail, see each package's README.