바이브 코딩으로 피그마 플러그인 만들기
비개발자 디자이너가 Cline·ChatGPT와 바이브 코딩으로 UX 라이팅 교정 피그마 플러그인을 만들고 AI 분석 엔진을 붙인 과정을 공유합니다.
글 읽기



PRODUCT DESIGNER · HEEKYEONG KIM

비개발자 디자이너가 Cline·ChatGPT와 바이브 코딩으로 UX 라이팅 교정 피그마 플러그인을 만들고 AI 분석 엔진을 붙인 과정을 공유합니다.
글 읽기
조수용의 『일의 감각』을 읽고 정리한 일의 본질과 현명한 선택에 대한 생각. 공감·감각·본질·브랜드로 이어지는 책의 흐름과 밑줄 친 문장을 담았습니다.

리멤버가 워드프레스 대신 Framer를 도입한 이유와 선택 기준, 프롤로그·채용 솔루션 블로그 등 적용 사례, 도입 후 장단점과 사내 워크숍 경험을 공유합니다.

결과물만으로는 설명하기 어려운 프로덕트 디자이너의 일. 글을 쓰기 시작한 이유와 글감 찾는 법, 꾸준히 쓰면서 얻은 피드백과 네트워킹 경험을 정리했습니다.

프레이머 블로그를 구글 서치 콘솔과 네이버에 등록해 검색 결과에 노출시킨 방법. 소유권 확인, 사이트맵 제출, 실제 검색 키워드 데이터까지 정리했습니다.

바바라 민토 『논리의 기술』 요약. 피라미드 원칙, 스토리 형식의 도입부, 논리적 사고와 문제 해결 방법을 실무 글쓰기 관점에서 정리했습니다.

치앙마이에서 쓴 2023년 회고. 리멤버 투데이탭과 디자인 시스템 개선, 주니어 디자이너 대상 강의, 사이드 프로젝트까지 키워드로 한 해를 돌아봅니다.

프레이머 블로그 두 달 운영 후기. GA·서치 콘솔로 본 데이터, Basic 유료 요금제로 바꾼 이유, 커스텀 도메인과 공유 기능 업데이트를 공유합니다.

프로덕트 디자이너가 사이드 프로젝트를 하는 이유와 주제·목표·MVP 정하는 법, RSS 서비스 피둥과 Framer 블로그 사례를 소개합니다.

노코드 웹 빌더 Framer(프레이머)로 블로그를 만든 과정. CMS, 디자인 시스템, 반응형, SEO 세팅부터 배포까지 프레이머 사용법을 정리했습니다.
코드 없이 블로그를 만들고, 운영하고, 검색에 노출시키기까지의 3부작.