https://github.com/imcuttle/measure
π Measure UI for PSD
https://github.com/imcuttle/measure
measure psd psd-to-html ui
Last synced: about 1 year ago
JSON representation
π Measure UI for PSD
- Host: GitHub
- URL: https://github.com/imcuttle/measure
- Owner: imcuttle
- License: mit
- Created: 2018-09-12T15:04:35.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2022-01-07T14:49:32.000Z (over 4 years ago)
- Last Synced: 2025-03-23T02:34:02.897Z (about 1 year ago)
- Topics: measure, psd, psd-to-html, ui
- Language: HTML
- Homepage: https://imcuttle.github.io/measure/
- Size: 27.4 MB
- Stars: 139
- Watchers: 7
- Forks: 30
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: License
Awesome Lists containing this project
README
measure
Open source Project for Measure (psd) easily
- [Live Demo](https://imcuttle.github.io/measure)
- [δΈζζη« ](https://imcuttle.github.io/make-psd-measurable)
## Getting started
```bash
npm i measure-export-cli -g
# Run the online server
measure-export start path/to/psdDir
# Build assets in $PWD/dist
measure-export build path/to/psdDir
measure-export --help
measure-export start --help
measure-export build --help
```
## Processor about the monorepo
## TODO
- [ ] integration tests should be applied on ui and cli
## Packages
- [chrome-extension-measure-viewer](packages/chrome-extension-measure-viewer) - PSD measure viewer
- [html-measure](packages/html-measure) - Make html to be measurable written by React
- [meas-ui](packages/meas-ui) - Measure UI for making PSD/SVG/HTML to be measurable
- [measure-export](packages/measure-export) - Make measure UI exported for teamwork
- [measure-export-cli](packages/measure-export-cli) - Command line for measure export
- [@moyuyc/psd-html](packages/psd-html) - Make it a fun to create spec by psd for developers and teammates
## Related
- [sketch measure](https://github.com/utom/sketch-measure) - Make it a fun to create spec for developers and teammates
- [psd.js](https://github.com/meltingice/psd.js) - A Photoshop PSD file parser for NodeJS and browsers
## Developing
- Install dependencies
```bash
npm install
```
- This repo use [lerna](https://github.com/lerna/lerna) for managing multiply packages, so need to bootstrap dependencies of each package.
```bash
npx lerna bootstrap
```
**Note: It will run `prepare` script of each packages in this step**
- Dev & Build for each available packages
```bash
# Watch mode
npm run dev
# Build
npm run dist
```
## Contributing
- Fork it!
- Create your new branch:
`git checkout -b feature-new` or `git checkout -b fix-which-bug`
- Start your magic work now
- Make sure testing passes
- Commit your changes:
`git commit -am 'feat: some description (close #123)'` or `git commit -am 'fix: some description (fix #123)'`
- Push to the branch: `git push`
- Submit a pull request :)
## Authors
This library is written and maintained by imcuttle, [moyuyc95@gmail.com](mailto:moyuyc95@gmail.com).
## License
MIT