디자인 조직이 성장할수록 필요한 일
디자인 조직이 커지며 생기는 비효율을 Design Ops TF로 개선한 사례를 소개했습니다. 피그마 규칙 통일, 스펙 가이드라인, 학습 프로그램으로 협업과 업무 효율을 높였습니다.
#DesignOps#UI/UX
14900
필터 1
디자인시스템을 개발에서 적용 하는법
피그마와 깃헙을 활용해 자동화된 디자인 시스템 구축 방법을 소개했습니다. 디자인 토큰 변환과 GitHub Action 코드 변환 흐름, 사용 소감까지 다뤘습니다.
#design#GitHub Actions
10900
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose
Figma와 Jetpack Compose를 활용해 Android 디자인 시스템을 구축하는 방법을 다뤘습니다. 디자이너와 개발자의 협업과 일관된 UX 관리 포인트를 소개했습니다.
#Android#Jetpack Compose
2400
잘 쓰이는 디자인 시스템을 위한 여정
29CM가 디자인 시스템 Ruler를 만들며 UI 파편화와 컴포넌트 구현 비용을 줄인 과정을 공유했습니다. Headless UI와 Figma 측정 도구로 재사용성과 운영 체계를 함께 강화했습니다.
#디자인 시스템#Headless UI
6500
SVG를 이용하여 Animation 만들기
SVG 도형을 추출해 ID와 그룹 단위로 CSS 애니메이션을 적용하는 방법을 정리했습니다. hover 이동, 클릭 색상 변경, 순차 등장 애니메이션까지 구현 과정을 소개했습니다.
#SVG#Animation
6100
deFign : 네이버 페이의 디자인 시스템을 정의하다
네이버페이는 공통 UI와 디자인 토큰을 기반으로 디자인 시스템 deFign을 구축했습니다.\n컴포넌트 표준화와 스토리북, 인터페이스 조율로 일관성과 개발 효율을 높였습니다.
#design system#Figma
10500
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
신상마켓 i18n 개발과정
신상마켓의 글로벌 서비스 대응을 위해 i18n 적용 과정과 구현 방식을 소개했습니다. 구글시트 관리의 한계를 보완하려고 Lokalise를 도입해 번역 워크플로우를 개선했습니다.
#i18n#vue.js
3300