Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
피그마 대신 코드로 디자인하면 어떨까? 섬네일

피그마 대신 코드로 디자인하면 어떨까?

잡코리아 favicon잡코리아·Frontend·
GitJavaScriptGitHubNext.jsTailwind CSS
2026년 11월 09일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

잡코리아가 피그마 대신 코드로 디자인하는 워크플로우를 도입해 디자이너, PO, 개발자가 같은 저장소에서 화면을 공유하고, PRD 축약과 작업 지시/화면 보드를 통해 설계와 구현의 차이를 조기에 확인하며 디자인 시스템을 모노레포로 관리하는 협업 체계를 구축했다.

주요 경험

  • 모노레포로 디자인 저장소를 구성하고 Tailwind 테마, 타이포그래피, 컴포넌트를 재사용하는 디자인 시스템 패키지로 분리했다.
  • PRD를 노션에서 필요한 부분만 발췌하고 출처를 남겨 맥락 손실을 방지했다.
  • 작업 지시와 화면 보드를 도입해 설계-구현 차이를 시각적으로 연결하고 빌드 규칙으로 품질 보장을 자동화했다.

얻은 인사이트

  • 동일 화면의 기준이 일치하자 커뮤니케이션이 간단해졌다.
  • 구조화된 문서(기획/디자인/작업 지시)가 개발 전 확인 절차를 강화했다.
  • 디자인 시스템 패키지 도입은 협업 속도와 일관성 향상에 기여했다.

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
No Image
76%

디자인팀이 회사소개 사이트를 직접 만들기까지 : 코드 기반 디자인 구현기

잡코리아 favicon잡코리아·2026년 04월 24일
AX로 재설계한 채용관 제작 프로세스 섬네일
73%

AX로 재설계한 채용관 제작 프로세스

잡코리아 favicon잡코리아·2026년 06월 29일
당신2 9하던 디자인 시스템? 0.5인 리소스로 효율적으로 구축하기 섬네일
71%

당신2 9하던 디자인 시스템? 0.5인 리소스로 효율적으로 구축하기

29CM favicon29CM·2025년 01월 15일