본문 바로가기

COA Lab's Prototype

plug in introduce

플러그인 정리

Adobe XD에는 기본 툴과 패널 이외에도, 설치하여 확장메뉴처럼 활용할 수 있는 플러그인이 있다. 
플러그인을 활용하면 문단의 글자를 채워 넣을수 있고, 아이콘이나 이미지를 불러와 사용할 수 있으며, 웹으로 내보내기가 가능해서, 기본 코딩을 확인 할 수도 있다.
이러한 여러가지 활용방향이 있기 때문에 XD로 프로토타입을 만들 때 유용한 플러그인을 설치 해 사용하면, 작업의 효율을 높일 수 있어 많은 도움이 된다. 

플러그인은 계속 업데이트 되기 때문에, 최근 유용하게 사용하는 플러그인을 참고하여 아래와 같이 소개하도록 하겠다. 

1. lorem ipsum : 더미텍스트를 생성한다. 프로토타입을 만들 때 글씨가 들어가야 하는 부분에 반드시 내용이 정확할 필요가 없을 때 임의로 글자를 넣어주는데, 이때 lorem Ipsum의 무의미한 글자가 생성되도록 도와준다. 
2. UI Faces : 디자인목업에 아바타를 넣어준다.
3. User Images (User Profile) : 도형 안에 아바타를 랜덤으로 생성시킨다.
(3-1. Unsplash Random Image : Unsplash에 있는 무료 이미지를 랜덤으로 가져온다. )
4. Phtosplash : Unsplash에 있는 무료 이미지를 랜덤으로 선택하여 가져온다. 
5. Web Export : 아트보드의 디자인을 html, css로 내보내 주기 때문에 코드를 참고 할 때 편리하다.
6. App Icon Generator : 앱아이콘을 플랫폼 사이즈별로 생성해 준다.
7. Color Blender : 첫번째 색상 마지막 색상을 지정하면 중간 색상을 블렌드하여 만들어 준다. 오브젝트가 두개인 경우 중간 오브젝트를 복제할 수 있다. 
8. Mimic  : 웹사이트의 도메인 주소를 입력하면 해당 페이지에서 사용한 컬러, 폰트, 컨텐츠를 추출하여 참고할 수 있다. 
9. Calendar : XD에 캘린더를 생성하여 프로토타입할 수 있다. 
10. Ikono : 아이콘 글꼴에 심볼을 다양한 굵기와 색을 활용할 수 있다. 
11. Icondrop : 수백만 개에 달하는 고품질의 아이콘, 일러스트레이션, 스톡 사진을 XD에 직접 삽입할 수 있다.
12. QR Code Maker : 문서 안에 QR코드를 생성해 준다. 

이렇게 다양한 플러그인이 계속 개발되고, 업데이트 되고 있으며, XD로 프로토타입을 만들 때 시간 절약에도 도움을 받을 수 있고, 스킬이 낮은 초보의 경우에도 좋은 질의 이미지나 색상 등을 활용 할 수 있기 때문에, 업데이트 되는 내용을 자주 찾아보는 것을 권한다. 

 

 

'COA Lab's Prototype' 카테고리의 다른 글

prototype  (0) 2022.02.15
prototype  (0) 2022.02.15
prototype  (0) 2022.02.15
HIG, xd mock-up  (0) 2021.01.15
zeplin  (0) 2021.01.15