https://github.com/roman01la/figcup
Converts Figma designs into Reagent/Hiccup components to render in the browser
https://github.com/roman01la/figcup
clojure figma
Last synced: about 1 month ago
JSON representation
Converts Figma designs into Reagent/Hiccup components to render in the browser
- Host: GitHub
- URL: https://github.com/roman01la/figcup
- Owner: roman01la
- License: epl-1.0
- Created: 2018-08-28T00:54:25.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-06-20T11:39:48.000Z (almost 6 years ago)
- Last Synced: 2025-04-11T02:59:29.331Z (about 2 months ago)
- Topics: clojure, figma
- Language: Clojure
- Homepage:
- Size: 11.7 KB
- Stars: 39
- Watchers: 6
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# figma->hiccup
Converts Figma designs into Hiccup and Reagent components to render in the browser.
## How to use
- See commented code in core namespace
- Replace `'Personal-Access-Tokens` and `'Document-ID` with your own. Read more here https://www.figma.com/developers/docs#auth
## Code overview
- `figma.specs` — specs covering Figma file structure as specified in https://www.figma.com/developers/docs#fileformat
- `figma.hiccup` — compiles Figma file structure into Hiccup
## FAQ
### Why it doesn't layout elements in browser in the same way as in Figma editor?
Because Figma is using its own constraint layout system to position elements on the screen, which is different from CSS. However this behaviour can be reproduced via custom layout algorithm. See http://overconstrained.io/ for reference