xd 객체 내보내기(개발자에게 jpg보내주기)

얼마전 adobe XD를 입문하면서 기본툴을 다 익히고 ux/ui 따라하기를 하고 있었다. 근데 난 크게 간과하고 있었던게 있었다. 디자인을 다 해도 ui를 개발자에게 주지 못하면 말짱 도로묵이 아닌가..;; 책을 아무리 찾아봐도 내보내기나 플러그인에 대해서는 알려주지 않아서 플러그인은 유튭 강의를 보았고 내보내기는 어쩌다보니 찾게되었다. 

 

내보내기란 포토샵이나  일러스트에서 아이콘을 디자인하여 개발자에게 전달해주면 jpg나 png 이미지 파일로 전달받아 개발을 시작하는데 이때 이미지로 주는 것을 객체라 부르고 저장하는 것을 내보내기로 한다.

 

아이콘은 직접 제작해도 되고 플러그인에서 unDraw를 다운해서 사용해도 되고 일러스트에서 제작한 파일을 복사해서 붙여넣어도 무관하다.

홈버튼을 눌러 내보내기를 누르고 선택됨을 누르면 선택한 객체가 내보내기 된다. 단축키가 있는데 인디자인에서 pdf파일을 보내는 것과 같다. Ctrl+E 가장 최근에 나온 툴이여서 포토샵, 일러스트, 인디자인이 모두 섞인 느낌이다.  

에셋 내보내기에서 필요한 설정을 한 후 내보낼 위치를 설정하여 내보내기를 선택하면 완료 

내보내진 png파일이다. unDraw라는 플러그인으로 다운받은 일러스트인데 처음 플러그인을 설치할때 아무것도 모르고 추천으로만 다운 받을 정도로 유명한 플러그인이다.

 

그 외에 사용하는 플러그인으로
- unDraw

- Icons4 Design

- Wireframer

 

유튭 강좌를 보고 유용한 플러그인을 모두 받았지만 아직 나는 이 세 개만 써보고 다른건 잘 모르겠다. 

참고한 플러그인은 강의: 
https://www.youtube.com/watch?v=2BOA6yPWk_s