
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 1부: 디자인 편
UT용 프로토타입 데이터 입력의 반복 작업과 리소스 탐색 비효율을 줄이기 위해 피그마 플러그인 데이터브릿지를 만들었습니다. 실제 데이터 적용과 기능 단순화로 작업 시간을 크게 줄이고 인터뷰 몰입도를 높였습니다.

UT용 프로토타입 데이터 입력의 반복 작업과 리소스 탐색 비효율을 줄이기 위해 피그마 플러그인 데이터브릿지를 만들었습니다. 실제 데이터 적용과 기능 단순화로 작업 시간을 크게 줄이고 인터뷰 몰입도를 높였습니다.


리더·팀원·동료와의 기대와 역할을 맞추는 360도 매니징 경험을 정리했습니다. 반복적인 대화와 공감대 형성이 협업과 성장의 핵심임을 강조했습니다.

X

B2B UX 리서치 이해도를 높이기 위해 리서처가 직접 사장님 역할을 체험한 사례를 소개했습니다. 사업 운영 전 과정의 불편을 확인하고 서비스와 콘텐츠 개선으로 연결했습니다.

토스 프론트엔드가 이력서 없이 공개 GitHub 리포지토리 링크로 지원받는 전형을 열었습니다. 코드 품질, TypeScript, UX, 협업 방식 중심으로 평가했습니다.

인도 대출앱에서 금융·영어 문구가 유저에게 오해를 유발하는 사례를 정리했습니다. 쉬운 표현으로 바꾸고 A/B 테스트로 점진 개선하는 방향을 제안했습니다.
쿠팡 파트너스
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

인도 대출 앱 사용자들이 금융·영어 용어를 어떻게 오해하는지 리서치 결과를 정리했습니다. 쉬운 표현으로 바꾸고 A/B 테스트로 검증하는 방향을 제안했습니다.
토스에서 여러 역할을 거치며 성장한 제품 디자이너의 도전 경험을 인터뷰로 소개했습니다. 두려움이 있어도 먼저 맡고, 과거의 성과로 자신을 다독이는 태도를 전했습니다.
![[Vue] motion 라이브러리로 더 나은 UX 제공하기](https://devocean.sk.com/thumnail/2025/3/26/161965bcf2c0b07df46454d50714fad4eb4e06189069272bebd9fabacb97b9b4.png)

Vue에서 motion-v를 사용해 다양한 UI 애니메이션을 선언적으로 구현하는 방법을 소개했습니다. Transition, IntersectionObserver, GSAP보다 간결하게 작성할 수 있는 사례를 함께 살펴보았습니다.


지도와 리스트를 하나의 화면에서 자연스럽게 전환하는 하이브리드 뷰를 도입한 과정을 다뤘습니다. 웹 뷰 성능 최적화로 사용자 수와 예약 완료 지표도 개선했습니다.

토스가 자체 디자인 편집기 데우스(Deus)를 만든 이유와 개발 과정을 소개했습니다. 상태 관리로 MobX를 선택한 배경과 기술적 도전도 함께 다뤘습니다.


Sanity Test로 QA 전에 핵심 기능을 빠르게 검증해 품질과 효율을 높이는 방법을 소개했습니다. 에이닷의 운영 사례와 JIRA, FastTrack 프로세스도 함께 설명했습니다.


QA 업무의 불편함을 줄이기 위해 검증 프로세스를 단계적으로 개선한 사례를 소개했습니다. LLM 평가, 마인드맵, Summary-TC, 자동화와 이슈 기준 정리로 효율성과 체계성을 높였습니다.


기존 시스템 아이콘의 스타일 불일치와 가독성 문제를 개선한 과정을 공유했습니다. 브랜드 아이덴티티를 반영한 그래픽 규칙으로 일관성과 사용성을 높였습니다.