디자인 직원

클로드 코드로 쉽게 바이브 코딩하기(Figma MCP) - 반나절 만에 바이브 코딩 맛보기

2026-04-19T01:20:50Z

바이브 코딩이 화두다. 사실 눈으로 보기만 하면서 '한번 해봐야지'라는 생각만 했었지만, 실무에서 유용할 것 같은 최근 세이지님의 글을 읽고 피그마 MCP <> 클로드 코드에 대한 굉장히 유용하고 생각되어 비슷하지만 다른 프로세스로 직접 해보기로 했다! (세이지님의 참조한 파일소스들을 참조해서 진행습니다.) **글 업로드한 지 이틀 만에 클로드 디자인이

피그마 오토 레이아웃 실무에 활용하기 - Auto layout - Fill / Hug

2025-03-24T01:27:52Z

IT회사에서 근무하는 디자이너라면 피그마를 사용하거나 알고 있을 것이며, 피그마의 가장 메인 기능인 Auto layer - Fill / Hug의 개념에 대해서도 어느 정도 알 것으로 짐작된다. 해당 기능에 대해서는 구글에 검색해 보면 이미 많은 분들이 친절히 설명하고 계신다. 그래서 이것의 개념보다는 실무에 어떻게 사용할 수 있는지에 대해 작성하려 한다.

프레이머로 모바일 청첩장 만들기 - 서비스 디자이너가 만든 하나밖에 없는 청첩장

2025-07-15T10:44:26Z

결혼식이 얼마 남지 않은 3개월 정도 시점에(25년 2월 초 결혼) 청첩장을 만들게 되는데 하나뿐인 결혼식이자 초대받는 지인분들에게 특별한 모바일 청첩장 보여주고 싶어 직접 만들게 되었다. (글 최하단에 제작한 프로토타입 링크가 있습니다.) 사실 예전 버전부터 사용했었지만, (엄청 오래된 예전작업1 예전작업2) 버전이 업데이트될수록 더욱 디자이너가 사용하기

디자인 토큰, 피그마에서 개발까지 디자이너가 연결하기 - 디자인 토큰 개발 적용기

2025-01-14T06:04:05Z

서비스 디자이너라면 디자인 시스템의 디자인 토큰에 대해 한 번쯤 들어봤을 것이다. 간단히 설명하자면, 디자인 토큰은 컴포넌트의 일관성과 브랜드 아이덴티티를 유지하기 위해 제작되고 이는 컬러, 타이포그래피, 여백 등 UI 디자인 속성의 값을 이름으로 정의하고 이를 코드로 변환해 협업에서 발생하는 혼선을 줄이는 역할을 한다. 피그마에서 구축 후 피그마에서는