Fireblade

[React] XD 파일 React 페이지로 변환하기 (Fireblade 플러그인 사용)

xd파일을 받고 웹페이지를 만들어야 했는데.. 픽셀 하나하나 옮겨가며 맞출 생각 하니까 짜증났는데 그럴 필요가 전혀 없었고.. 리액트는 신이고 어도비도 신이다. 1. react-router-dom 설치 $ npm install react-router-dom $ npm install @types/react-router-dom 라우팅 할 때 필요한 거라 이미 설치했을 가능성이 크지만.. ^ㅁ^ 2. Fireblade Adobe XD 앱을 켜고, 플러그인 검색에서 Fireblade를 찾아 설치해 준다. 설치 후 XD 앱에서 Ctrl+Shift+F (Cmd+Shift+F) 를 누르면 창이 뜨는데, 우선 회원가입을 해 준다. 3. React, CSS로 export Setup 버튼을 누르고, export할 파일을 ..