디자인 시스템, 디자인과 코드의 간극 줄이기
디자인 시스템에서 Figma와 코드 간 간극이 커지며 커뮤니케이션 비용과 개발 피로도가 늘어나는 문제를 다뤘습니다. Figma 규약 정비와 Plugin API 기반 도구로 명세 검증과 코드 변환을 자동화하는 방안을 소개했습니다.
#디자인 시스템#Figma#Figma Plugin API
3700
디자인 시스템, 디자인과 코드의 간극 줄이기

디자인 시스템에서 Figma와 코드 간 간극이 커지며 커뮤니케이션 비용과 개발 피로도가 늘어나는 문제를 다뤘습니다. Figma 규약 정비와 Plugin API 기반 도구로 명세 검증과 코드 변환을 자동화하는 방안을 소개했습니다.
Vue2에서 React로 점진적 마이그레이션할 때 웹 컴포넌트를 도입한 사례를 소개했습니다. 프레임워크별 UI 중복 구현을 줄이고 디자인 일관성과 유지보수 효율을 높였습니다.
스프린트 행복도 데이터를 정량·정성 분석해 팀에 공유했습니다. Vue.js로 이벤트 케러셀·배너를 관리하는 관리자 페이지를 구현했습니다.