meepin Baklava 디자인 시스템과 Figma API 참고자료
이 글은 디자인 시스템 자료를 찾다가 괜찮았던 레퍼런스를 한 번에 다시 보기 위해 모아둔 링크 메모입니다.. Baklava 자체도 그렇지만, Figma API와 Storybook을 어떻게 같이 묶을지 볼 때 참고하기 좋습니다.
Figma plug-in - api
Rest API integrations
- storybook-addon-figma - Embed Figma designs in a storybook panel.
- figma-api-demo - This project contains demo apps using the Figma API.
- Figma.js - A simple JS wrapper for the Figma API.
- figma-graphql - A GraphQL connector for the Figma API.
- Figma-To-Pdf - A simple demo of exporting pdf from Figma using the API.
- figma-theme - Generate development-ready theme JSON files from Figma Styles.
- figma-to-flutter - A Dart code generator that converts Figma components to Flutter widgets.
- Figma to web - This repository will collect all developments related to the integration of Figma to Web.
- figma-and-production - An example of how you can sync Figma & production.
- Figma Asset Downloader - Optimize and download assets directly to your computer.
- figma-slack-updates - Post updates to Slack from a Figma file's version history.
- figma-tools - Tools to help you programmatically interact with your Figma files.
- figma-export - Command line utility to export colors, typography, icons and images from Figma to Xcode / Android Studio project.
- figma-lottie - Figma Lottie integration.
- FigmaPy - An unofficial Python3+ wrapper for Figma API.
FIGMA & storybook
토큰 및 키
Figma Access Toekn :
Figma File key :
참고자료
Figma tokens automatically turned into code: how we kickstarted our design system
Mastering the Design-to-code Flow with Figma, Storybook, and Angular