framer-starter-kit

https://medium.com/hyuk/639def3d12fe

장인은 도구를 탓하지 않는다지만, 저는 장인이 아니라 ROI를 걱정하는 직장인일 뿐이기에, 손에 익은 도구를 다시 만나게 되어 다행이었습니다. 혹시나 도구를 탓하고 있는 또 다른 워너비 장인들이 있다면 아래 방법을 추천합니다.

1. VScode 설치
2. VScode 확장프로그램으로 LivePreview 설치 (보기 > 확장 > Live Preview 검색)
3. framer starter kit 모두 내려받기 (폴더/파일 목록 우측 상단 code 버튼)
4. 새 프로젝트 폴더 만들고, framer starter kit 폴더 안의 내용 복사하기
5. VScode에서 새 프로젝트 폴더 열기
6. index.html 파일 선택해서 LivePreview 실행 (편집 우측 상단 아이콘)
7. app.coffee 파일 선택해서 해피 프로토타이핑!
8. 가이드 문서 복습 (The Framer Classic book)

당부의 말씀

잘 되지 않는다면 아마도 node.js나 CoffeeScript 컴파일러가 없기 때문일 것이라고 생각합니다. 여기를 따라서 설치해 보시거나 생활코딩 CoffeeScript 토픽을 참고해 보셔도 좋겠습니다.

Framer Starter Kit for the old fashioned designer who misses the Framer Classic :)

Clone this repository and edit app.coffee file to fit your project.

Original Framer library: https://github.com/koenbok/Framer