2026년 3월 다섯째 주 — Blog
← Back
2026년 3월 다섯째 주
Properties
Date

주요 진행 내용

3월 다섯째 주에는 Stitch(Gemini)를 활용해 뉴모피즘 스타일의 폰트 비교 플랫폼 UI를 제작하고, 생성된 결과를 기반으로 다양한 후속 작업 흐름을 실험했다. 단순 UI 생성에 그치지 않고, 모델별 결과 차이를 비교하고 수정 및 리디자인 과정을 반복하면서 결과물의 변화 양상을 확인했으며, 인스턴트 프로토타입 기능을 통해 추가 화면을 생성하는 과정도 함께 테스트했다. 또한 MCP 내보내기 기능을 활용해 Claude Code로 HTML과 PNG를 생성하는 흐름까지 연결해보며 전체 워크플로우를 점검했다.

진행 결과

Stitch를 통해 생성된 UI는 모델에 따라 결과물의 스타일과 완성도에서 차이가 있었으며, 동일한 주제라도 출력 결과의 방향성이 달라지는 것을 확인했다. 생성 이후에는 단순 수정뿐 아니라 리디자인 과정을 통해 구조와 스타일을 재정리할 수 있었고, 이를 통해 결과물의 완성도를 점진적으로 끌어올릴 수 있었다. 인스턴트 프로토타입 기능에서는 기존 화면을 기반으로 추가 화면을 생성할 수 있었으며, 기본적인 흐름 확장에는 유효했지만 세밀한 제어에는 제한이 있었다. MCP 내보내기를 통해 Claude Code로 HTML과 PNG를 생성하는 과정도 확인했으며, 생성 결과를 실제 산출물 형태로 전환할 수 있다는 점에서 활용 가능성을 확인했다.

인사이트 및 회고

이번 작업을 통해 AI 기반 디자인 툴은 단일 결과물을 만드는 도구라기보다, 생성 → 비교 → 수정 → 확장으로 이어지는 반복적인 작업 흐름 속에서 활용될 때 더 큰 효율을 가진다는 점을 확인했다. 특히 모델별 결과 차이를 비교하고 리디자인을 통해 방향성을 조정하는 과정이 품질 향상에 중요한 역할을 했으며, 프로토타입과 코드 생성까지 이어지는 흐름이 점차 하나의 연결된 작업 방식으로 정리되고 있다고 느껴졌다.

사용한 툴 및 기술

Stitch(Gemini)를 사용해 UI 생성 및 리디자인 작업을 진행했으며, 모델별 결과 비교를 함께 수행했다. 인스턴트 프로토타입 기능을 통해 화면 확장을 테스트했고, MCP 내보내기를 통해 Claude Code로 HTML 및 PNG 생성까지 연결했다.

다음 주 계획

다음 주에는 이번에 정리된 워크플로우를 기반으로, 결과물의 디자인 완성도를 높이는 방향에 집중할 예정이다. 특히 수정 및 리디자인 과정에서의 기준을 구체화하고, 반복 작업을 통해 품질을 안정적으로 끌어올리는 방식을 정리해볼 계획이다.
© LHM. 2025. ALL RIGHTS RESERVED.
Built with Astro & Notion
LHM Blog 95