QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma를 통해 QueryPie의 기획·디자인·개발·QA 협업이 실시간으로 연결되며 효율이 높아졌습니다. 클라우드 협업, 컴포넌트 재사용, Dev Mode로 생산성과 일관성도 강화했습니다.
#Figma#UI/UX
1400
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
강력한 시각화 툴로 자리잡은 피그마 - 필수기능
피그마의 필수 기능을 소개하는 글의 제목과 연장 맥락만 확인됩니다. 제공된 발췌만으로는 핵심 내용을 충분히 파악하기 어렵습니다.
#Figma#UI/UX
2000
디자인 시스템, 디자인과 코드의 간극 줄이기
디자인 시스템, 디자인과 코드의 간극 줄이기
디자인 시스템에서 Figma와 코드 간 간극이 커지며 커뮤니케이션 비용과 개발 피로도가 늘어나는 문제를 다뤘습니다. Figma 규약 정비와 Plugin API 기반 도구로 명세 검증과 코드 변환을 자동화하는 방안을 소개했습니다.
#디자인 시스템#Figma
3300
Figma 플러그인, 디자이너가 직접 만들어 보기
Figma의 플러그인 확장성을 활용해 디자이너가 직접 플러그인을 만들어 본 경험을 공유했습니다. ChatGPT와 공식 문서를 참고한 제작 과정을 중심으로 정리했습니다.
#Figma#ChatGPT
2000
디자인 조직이 성장할수록 필요한 일
디자인 조직이 커지며 생기는 비효율을 Design Ops TF로 개선한 사례를 소개했습니다. 피그마 규칙 통일, 스펙 가이드라인, 학습 프로그램으로 협업과 업무 효율을 높였습니다.
#DesignOps#UI/UX
15400
디자인시스템을 개발에서 적용 하는법
디자인시스템을 개발에서 적용 하는법
피그마와 깃헙을 활용해 자동화된 디자인 시스템 구축 방법을 소개했습니다. 디자인 토큰 변환과 GitHub Action 코드 변환 흐름, 사용 소감까지 다뤘습니다.
#design#GitHub Actions
11700
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose
Figma와 Jetpack Compose를 활용해 Android 디자인 시스템을 구축하는 방법을 다뤘습니다. 디자이너와 개발자의 협업과 일관된 UX 관리 포인트를 소개했습니다.
#Android#Jetpack Compose
3300
잘 쓰이는 디자인 시스템을 위한 여정
29CM가 디자인 시스템 Ruler를 만들며 UI 파편화와 컴포넌트 구현 비용을 줄인 과정을 공유했습니다. Headless UI와 Figma 측정 도구로 재사용성과 운영 체계를 함께 강화했습니다.
#디자인 시스템#Headless UI
7200
SVG를 이용하여 Animation 만들기
SVG 도형을 추출해 ID와 그룹 단위로 CSS 애니메이션을 적용하는 방법을 정리했습니다. hover 이동, 클릭 색상 변경, 순차 등장 애니메이션까지 구현 과정을 소개했습니다.
#SVG#Animation
6400
deFign : 네이버 페이의 디자인 시스템을 정의하다
네이버페이는 공통 UI와 디자인 토큰을 기반으로 디자인 시스템 deFign을 구축했습니다.\n컴포넌트 표준화와 스토리북, 인터페이스 조율로 일관성과 개발 효율을 높였습니다.
#디자인 시스템#Figma
11400
Now is a good time to multiply your Design team capacity
측정 가능한 디자인 성과를 바탕으로 소규모 팀의 역량을 증폭하는 방법을 소개했습니다. 채용·코칭·디자인 시스템·DesignOps 투자의 핵심을 정리했습니다.
#디자인 시스템#DesignOps
000
신상마켓 i18n 개발과정
신상마켓의 글로벌 서비스 대응을 위해 i18n 적용 과정과 구현 방식을 소개했습니다. 구글시트 관리의 한계를 보완하려고 Lokalise를 도입해 번역 워크플로우를 개선했습니다.
#i18n#vue.js
3700
아토믹 디자인을 활용한 디자인 시스템 도입기
카카오페이지 웹의 UI 파편화와 컴포넌트 설계 기준 부재를 아토믹 디자인으로 개선했습니다.\n단위 구분의 주관성은 UI 모델링·코드 리뷰·compound 컴포넌트로 보완했습니다.
#React#디자인 시스템
000
아토믹 디자인을 활용한 디자인 시스템 도입기
아토믹 디자인을 활용한 디자인 시스템 도입기
카카오페이지 웹의 UI 파편화와 컴포넌트 설계 기준 부재를 아토믹 디자인으로 개선했습니다.\n컨텍스트 기반 분류, Storybook·Figma 연계, 외부 스타일 주입 원칙을 적용했습니다.
#React#디자인 시스템
2600