QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma 도입 전의 협업 비효율과 그로 인한 문제를 정리하고, 쿼리파이의 실시간 협업 프로세스를 소개했습니다. 또한 Figma가 기획부터 QA까지 전 단계에서 생산성과 커뮤니케이션을 높이는 이유를 설명했습니다.
#Figma#UI/UX
4005분
필터 1
QueryPie PM의 일잘러 스킬셋, 올라운더로 거듭나기
QueryPie PM이 고객 요구를 수집하고 릴리즈를 이끄는 업무 방식을 소개했습니다. Jira, Slack, Figma와 테스트 환경, 성장 지원 제도까지 함께 설명했습니다.
#Jira#Slack
15005분
QueryPie와 Figma, 딱 맞아떨어지는 협업의 정석
Figma를 통해 QueryPie의 기획·디자인·개발·QA 협업이 실시간으로 연결되며 효율이 높아졌습니다. 클라우드 협업, 컴포넌트 재사용, Dev Mode로 생산성과 일관성도 강화했습니다.
#Figma#UI/UX
10005분
강력한 시각화 툴로 자리잡은 피그마 - 필수기능
피그마의 필수 기능을 소개하는 글의 제목과 연장 맥락만 확인됩니다. 제공된 발췌만으로는 핵심 내용을 충분히 파악하기 어렵습니다.
#Figma#UI/UX
17005분
디자인 시스템, 디자인과 코드의 간극 줄이기
디자인 시스템에서 Figma와 코드 간 간극이 커지며 커뮤니케이션 비용과 개발 피로도가 늘어나는 문제를 다뤘습니다. Figma 규약 정비와 Plugin API 기반 도구로 명세 검증과 코드 변환을 자동화하는 방안을 소개했습니다.
#디자인 시스템#Figma
23005분
Figma 플러그인, 디자이너가 직접 만들어 보기
Figma의 플러그인 확장성을 활용해 디자이너가 직접 플러그인을 만들어 본 경험을 공유했습니다. ChatGPT와 공식 문서를 참고한 제작 과정을 중심으로 정리했습니다.
#Figma#ChatGPT
16005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
디자인 조직이 성장할수록 필요한 일
디자인 조직이 커지며 생기는 비효율을 Design Ops TF로 개선한 사례를 소개했습니다. 피그마 규칙 통일, 스펙 가이드라인, 학습 프로그램으로 협업과 업무 효율을 높였습니다.
#DesignOps#UI/UX
148005분
디자인시스템을 개발에서 적용 하는법
피그마와 깃헙을 활용해 자동화된 디자인 시스템 구축 방법을 소개했습니다. 디자인 토큰 변환과 GitHub Action 코드 변환 흐름, 사용 소감까지 다뤘습니다.
#design#GitHub Actions
108005분
DESIGN SYSTEM FOR Android: From Figma to Jetpack Compose
Figma와 Jetpack Compose를 활용해 Android 디자인 시스템을 구축하는 방법을 다뤘습니다. 디자이너와 개발자의 협업과 일관된 UX 관리 포인트를 소개했습니다.
#Android#Jetpack Compose
23005분
잘 쓰이는 디자인 시스템을 위한 여정
29CM가 디자인 시스템 Ruler를 만들며 UI 파편화와 컴포넌트 구현 비용을 줄인 과정을 공유했습니다. Headless UI와 Figma 측정 도구로 재사용성과 운영 체계를 함께 강화했습니다.
#디자인 시스템#Headless UI
64005분
SVG를 이용하여 Animation 만들기
SVG 도형을 추출해 ID와 그룹 단위로 CSS 애니메이션을 적용하는 방법을 정리했습니다. hover 이동, 클릭 색상 변경, 순차 등장 애니메이션까지 구현 과정을 소개했습니다.
#SVG#Animation
60005분
deFign : 네이버 페이의 디자인 시스템을 정의하다
네이버페이는 공통 UI와 디자인 토큰을 기반으로 디자인 시스템 deFign을 구축했습니다.\n컴포넌트 표준화와 스토리북, 인터페이스 조율로 일관성과 개발 효율을 높였습니다.
#design system#Figma
102005분