Framer with React

https://www.youtube.com/watch?v=OWQlHgEo7Hw&t=272s 

 

https://www.framer.com/developers/guides/code-components/

Code Components | Framer for Developers

 

개발자가 UI를 디자인하지 않고 디자이너가 바로 React 코드까지 만들어줘서 쓰는 모양이다.

우리는 Figma를 쓰는데 Figact를 써봤는데 도저히 재활용 가능한 코드가 나오지 않았고, Figma - Framer plugin이 있길래 추가해서

Framer로 옮겨봤다. 바로 Prototype 링크도 제공해줬다.

React 코드로 빼볼까 했지만 잘 안빼진다, 빼더라도 어느정도 복잡성이 있거나 State가 있는경우도 사용 가능한지 여러가지 확인해야 할 사항이 있어서 현재 Epic에서는 다른 공부해야할게 많아서 아쉽지만 다음으로 넘기기로 했다. (팀 내 Vue2.js 사용하다 React로 변경)