๐Ÿ“ฆ mui / hackathon-figma-plugin

โ˜… 6 stars โ‘‚ 3 forks ๐Ÿ‘ 6 watching
๐Ÿ“ฅ Clone https://github.com/mui/hackathon-figma-plugin.git
HTTPS git clone https://github.com/mui/hackathon-figma-plugin.git
SSH git clone git@github.com:mui/hackathon-figma-plugin.git
CLI gh repo clone mui/hackathon-figma-plugin
flavien flavien Remove hardcoded font 857f5d4 4 years ago ๐Ÿ“ History
๐Ÿ“‚ master View all commits โ†’
๐Ÿ“ fixtures
๐Ÿ“ src
๐Ÿ“„ .gitignore
๐Ÿ“„ .prettierignore
๐Ÿ“„ applescript.sh
๐Ÿ“„ manifest.json
๐Ÿ“„ modd.conf
๐Ÿ“„ package.json
๐Ÿ“„ prettier.config.js
๐Ÿ“„ README.md
๐Ÿ“„ tsconfig.json
๐Ÿ“„ webpack.config.js
๐Ÿ“„ yarn.lock
๐Ÿ“„ README.md

MVP

Required

  • able to import a partial theme (json) and change palette & typography.
  • palette @siriwatknp
  • typography @flaviendelangle
  • able to export colors & typography from figma into json file.
  • import auxiliary color groups (e.g. action, text, background).
  • add "Export" button in https://mui.com/customization/color/#playground

Features

  • allow replace or override option when importing theme to figma @flaviendelangle
  • able to calculate runtime color like primary: contained hover

Development

HMR (Hot module replacement)

  • brew install modd
  • run chmod +x applescript.sh in the root project dir
  • run yarn dev
  • open the plugin in Figma
  • try changing code in src/ui.tsx