
Notion DB를 활용한 Figma 플러그인 만들기
Notion DB와 Figma 플러그인을 연결해 더미 데이터 입력을 자동화한 사례를 소개했습니다. CORS 문제와 AI 데이터 생성 이슈를 해결하며 팀용 도구로 확장한 과정도 담았습니다.
새로운 기술 블로그가 추가되었어요

Notion DB와 Figma 플러그인을 연결해 더미 데이터 입력을 자동화한 사례를 소개했습니다. CORS 문제와 AI 데이터 생성 이슈를 해결하며 팀용 도구로 확장한 과정도 담았습니다.

비개발자 디자이너가 반복되는 더미 데이터 입력 문제를 해결하려고 Figma 플러그인을 직접 만들었습니다. Notion DB와 AI, CSV 업로드를 결합해 팀이 쉽게 데이터셋을 관리하도록 개선했습니다.

React Server Components 시각화 도구와 클라이언트 사이드 AI 흐름, 디자인시스템 기반 마크업 자동화 사례를 소개했습니다. 프런트엔드 관점에서 AI와 브라우저 기술의 변화 지점을 함께 살펴볼 수 있습니다.

디자인 시스템 성과를 감이 아니라 설문과 인터뷰 데이터로 측정한 사례를 정리했습니다. 연간 3,272시간 절감 효과와 직군별 차이를 바탕으로 개선 과제를 도출했습니다.

Figma 플러그인 2.0의 성능 개선을 위해 통신 계층과 렌더링 구조를 전면 재설계했습니다. 비동기 매칭, 탐색 비용, 이미지 로딩, 스토리지 동기화를 최적화해 체감 속도와 안정성을 높였습니다.

Figma 플러그인 UI를 가볍고 단순한 구조로 설계한 과정을 소개했습니다. 필터 상태, 캐시, 메시지 통신을 중심으로 실데이터 연동과 UX 개선을 정리했습니다.

Figma 플러그인에서 내부 API를 직접 호출할 때 발생하는 CORS와 HTTPS 제약을 해결하기 위해 프록시 서버를 구축했습니다. 기존 인프라를 재사용하고 최소 권한 원칙으로 설계해 안전하게 운영했습니다.

여기어때가 브랜드 일관성과 활용성을 높이기 위해 비주얼 에셋 체계를 새로 정리한 사례를 소개했습니다. 2D·3D 원칙, UT 검증, 검색성과 네이밍 개선까지 함께 다뤘습니다.
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.


코드와 연결된 디자인 시스템을 중심으로 AI 기반 제품 개발을 준비하는 2026년 디자인 스택을 정리했습니다. Figma, LLM, Cursor 도입과 권한 정책으로 디자인 운영 규율을 강화합니다.


버즈빌이 2026년 디자인 스택을 AI 전환에 맞춰 재정비했습니다. 코드와 연결된 디자인 시스템, Figma·LLM·Cursor 중심의 워크플로우를 구축했습니다.


리멤버 해커톤에서 AI 도구를 활용해 한 달간 프로덕트를 만든 경험을 공유했습니다. 바이브 코딩 환경, Spec 기반 개발, 프롬프트 고도화로 협업과 품질을 끌어올린 과정을 소개했습니다.

Figma와 구름의 COMMIT 행사에서 AI 기반 제품 개발과 디자인 시스템 자동화 사례를 공유했습니다. 디자인과 개발 사이의 워크플로우를 줄이는 실무 인사이트를 전했습니다.

반복적인 프로모션 카드 제작을 줄이기 위해 Figma 플러그인을 개발한 사례입니다.\n상품 URL 한 줄로 카드 10장을 약 90초에 생성하며 팀의 업무 방식을 바꿨습니다.

전담 UX라이터 없이 흩어지던 문장 스타일을 해결하기 위해 AI 기반 UX라이팅 시스템을 구축했습니다. Figma 플러그인과 Claude, 가이드라인·사례 DB로 검수와 생성까지 작업 흐름에 붙였습니다.