디자인시스템을 개발에서 적용 하는법
Less than 1 minute
디자인시스템을 개발에서 적용 하는법 관련
Figma > Article(s)
Article(s)
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2024(5월)에서 발표되었던 세션을 공개합니다.
발표 내용
피그마와 깃헙을 활용하여 자동화된 디자인 시스템을 구축하는 방법을 소개합니다.
목차
- Figma의 디자인 시스템이란
- 디자인 토큰이란
- DSAD 구조
- Figma plugin을 통한 디자인 토큰 변환
- Github Action을 통한 코드 변환
- 사용해보며 느낀점
◎ NAVER ENGINEERING DAY란?
NAVER에서는 사내 개발 경험과 기술 트렌드를 교류를 할 수 있는 프로그램이 많이 있습니다. 그중 매회 평균 70개 이상의 발표가 이루어지는 NAVER ENGINEERING DAY를 빼놓을 수 없는데요.
2016년부터 시작된 ENGINEERING DAY는 실무에서의 기술 개발 경험과 새로운 기술과 플랫폼 도입 시 유용하게 활용될 수 있는 팁 등을 공유하며 서로 배우고 성장하는 네이버의 대표적인 사내 개발자 행사입니다.
올해 진행된 NAVER ENGINEERING DAY 2024(5월)의 일부 세션을 공개합니다.
