피그마 ai 디자인, 플러그인 - Codia Ai Design

 

안녕하세요 찐망고입니다.

ai플러그인 관련 포스팅을 해달라고 했는데..

제 맘에 쏙 드는 플러그인이 없어 포스팅을 안 하려다가..

숏츠나 릴스보고 혹 하신 분들에게 이 글을 전합니다.

 

이전에 추천한 플러그인 중에 html.to.design이라는 플러그인이 있었죠?

문서 링크를 연결하면 피그마 파일로 짠 하고 만들어주는 플러그인이었죠.

 

하지만 완벽하지 않다고... 

피그마 html.to.design플러그인

 

관련포스팅글

피그마 추천 플러그인

 

 

 

이번에 포스팅할 플러그인은 디자인 캡처이미지를 클론디자인해 주는 플러그인인데요.

Codia Ai Design입니다.

 

피그마 Codia Ai Design

피그마 Codia Ai Design - 실행

캡처한 이미지를 드래그하거나 불러올 수 있어요.

아래 라이브러리에서 찾을 수도 있고요.

 

저는 저번에 클론디자인해 본 네이버 로그인창을 불러봤는데요

피그마 네이버로그인 클론디자인-1

 

왼쪽이 캡처이미지 오른쪽이 ai가 만들어준 클론 디자인형태입니다.

어때요? 짱 보기 싫죠? ㅋㅋㅋㅋㅋ

 

무엇보다 탭 구현한 부분 킹 받아..

피그마 ai플러그인으로 구현된 탭부분

 

수업시간에 했던 클론디자인을 보시면

좌우의 차이가 크게 없는 게 느껴지나요?

피그마 네이버로그인 클론디자인-2

 

 

특히 탭을 구현하는 부분이나 이후 마크업시 이미지처리할 부분까지 완벽 😉

피그마로 디자인한 탭 부분

 

 

현재는 서브웨이앱을 클론 디자인 하는 중인데

피그마 - ai design을 이용한 클론디자인

 

작업하는 데 걸리는 시간이 30초도 안 걸리더라고요. 보기엔 그럴싸하죠?

 

 

 

하지만,

피그마는 컴포넌트를 제외하고라도 컨스트레인트나 오토레이아웃을 이용하여

반응형 UI나 레이아웃을 설정하며 작업해야 하는데 당연히 그부분은 구현되지 않죠.

또한 탭 같은 복잡한 구조는 일단 노답,

프레임 잡히는 부분 보시면 알겠지만 마크업 하는 분들에게도 진짜 1도 도움이 안 됩니다.

 

아니 애당초 디자이너가 저걸 왜 써??

 

AI기반의 클론 디자인 플러그인은 디자이너보다는 특정 상황에서 빠른 작업이 필요한 사람들에게 적합합니다.

예를 들어 디자인 작업이 주 업무가 아닌 마케터, 기획자 같이

빠르게 목업이나 간단한 프로토타입을 만든다거나 할 때 말이죠

 

물론 디자이너도 급박하게 참고용 초안이 필요하다면 모 쓸수도 있는데 그거 수정하다가 뒷목 잡을 것 같음..