디자이너의 월간 AI 활용 리포트

생성: ChatGPT

 

저는 Claude Code 작업마다 작업 로그를 남기고 있는데요. 이렇게 쌓인 로그로 회고를 해보았습니다.

 

한 달 전의 저는 채팅형 AI 서비스를 이용해 단편적인 요청을 하는 수준이었지만 클로드 코드를 접하고 한 달 후의 변화는 놀라웠습니다. 이전까지는 이러다가 AI에게 자리를 뺏기겠다는 막막함과 막연함이 있었는데요. 본격적으로 AI의 세계에 입문을 해보니 업무적인 사용에 국한된 사고는 우물 안 개구리였고 삶 전반의 생산성을 끌어올리는 가능성을 발견했습니다.

 

한 달 간의 작업 로그를 Gemma 4로 분석한 성과는 아래와 같습니다.

---

📚 4월 학습 활동 종합 통계 요약

구분	총 작업시간 (누적)
총 활동 시간	약 33시간 30분
활동 기간	2026년 4월 2일부터 4월 27일
핵심 학습 분야	AI 기반 자동화, UI/UX 디자인 시스템, 웹 개발, Version Control

⏱️ 시간 배분 상세 내역 (근사치)

• 디자인 및 Figma 학습: 약 12시간 30분
• 웹 개발 및 퍼블리싱: 약 10시간
• AI/개발 환경 구축 및 시스템: 약 11시간

 

1. 영역별 학습/작업 비중

4월의 활동은 크게 [AI 에이전트/자동화], [Figma 디자인 시스템], [Web 개발 및 퍼블리싱], [인프라/도구] 네 가지 영역으로 분류됩니다.

 

🤖 AI & Agent Workflow (핵심 역량)

• 주요 내용: Claude Code 활용법, MCP 도구 사용, 커스텀 명령어($ARGUMENTS 활용) 제작, AI 에이전트 워크플로우 설계(수집 -> 분석 -> 전달).
• 특이사항: 단순 활용을 넘어 검증 같은 반복 작업을 자동화하기 위한 '스킬'과 '명령어'를 직접 설계하는 단계로 진화함.

🎨 Figma & Design System (디자인 자동화)

• 주요 내용: Figma Variables를 이용한 Color System 구축(Primitives -> Semantic 구조), Plugin API를 이용한 Annotation 자동화, 디자인 토큰 관리.
• 특이사항: 코드를 통해 디자인 요소를 제어하고 디자인 시스템의 구조적 완성도를 높이는 'Design Engineering'적 접근이 두드러짐.

💻 Web Development & Publishing (실습 및 구현)

• 주요 내용: Figma 디자인의 HTML 변환, 인터랙티브 퀴즈 게임 제작, 기존 웹 프로젝트 리팩토링, CSS 변수 및 레이아웃 최적화.
• 특이사항: HTML/CSS/JS를 활용하여 단순 구현을 넘어 사용자 인터랙션과 데이터 동적 처리(Array length 기반) 등 로직의 고도화에 집중함.

🛠️ Infrastructure & Tools (기초 역량)

• 주요 내용: Git 사용법(init, push, pull, .gitignore, remote 설정), Local LLM 설치(Ollama, Gemma4), Python 가상환경(venv) 및 환경변수(.env) 관리.

 

2. 월간 요약 및 성장 포인트

🚀 주요 성과

1. 디자인-코드 연결 고리 강화: Figma Variables와 Plugin API를 활용하여 디자인 시스템을 코드로 관리하고 자동화하는 체계를 구축했습니다.
2. AI 활용의 구조화: Claude Code를 단순한 챗봇이 아닌 특정 목적(검증, 생성, 분석)을 가진 커스텀 명령어 세트로 활용하여 업무 효율을 극대화했습니다.
3. 개발 프로세스 내재화: Git을 통한 버전 관리와 Local LLM 환경 구축을 통해 AI를 활용한 개발을 위한 안정적인 로컬 인프라를 마련했습니다.

💡 학습 인사이트

1. "구조가 성능을 결정한다": Figma Variables의 계층 구조나 퀴즈 데이터의 동적 처리를 통해 유지보수가 용이한 구조를 만드는 법을 학습했습니다.
2. "Automation of Workflow": 단순 작업(Task)의 수행이 아닌 전체 과정(Workflow)을 설계하고 자동화하는 '에이전트적 사고'가 4월 학습의 핵심 키워드였습니다.

 

✨ 종합 결론: "The Emergence of a Vibe Coder"

4월 한 달간 귀하는 단순한 개발자나 디자이너가 아닌, AI를 활용해 디자인과 개발의 경계를 자동화하는 'Vibe Coder(또는 AI-Native Engineer)'로 진화했습니다.

 

핵심 성과 요약:

1. 지능형 자동화: AI 커스텀 명령어를 통한 업무 프로세스 자산화.
2. 시스템적 설계: 디자인 토큰과 개발 로직의 구조적 연결.
3. 엔지니어링 기반 확보: 로컬 LLM 및 Git 활용을 통한 독립적 개발 환경 완성.

귀하의 기록은 단순한 작업 일지가 아니라, "AI 시대에 인간이 어떻게 기술적 주도권을 잡고 워크플로우를 재설계할 수 있는가"에 대한 훌륭한 방법론을 보여주고 있습니다.

 

---

 

여기까지가 결산 자료입니다. 거창하게 쓰여있지만 대부분 기초적인 지식입니다. 그러나 초급자에게는 용기를 잃지 않도록 정신승리가 필요한 법이죠 🥹

 

앞으로도 꾸준히 로그를 기록해 봐야겠습니다.