구글의 AI 디자인 툴 Stitch 간단 사용기

소개

구글 Stitch 베타버전이 출시되어 사용해 보았습니다 :)

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

구글 Stitch, 모바일 채용플랫폼 디자인을 만들었습니다.

사용한 프롬프트:

Create a Job Search Platform.
Main Screens
Home: Job categories, featured jobs, recent views
Search Results: Filter by job role, industry, location, employment type
Job Card: Title, company, short description, tags, CTA (Apply, Save)
Job Detail Page: Full job description, company info, Apply button always visible
Company Page: Company intro + all open roles
Saved Jobs: Bookmark list with apply status
Application History: List of applied jobs with status
Login/Signup: Simple, email/phone-based

Core UI Components
Sticky top search bar with filters
Tag-based filters: Role, level, field, skills
Responsive card layout: Mobile-first, swipe-friendly
Clear CTAs: “Apply Now”, “Save”, “Copy Link”
Progress indicator: For multistep apply flow (if needed)
Job badges: e.g. “New”, “Closing Soon”, “Internship”

결과와 배운 점

모바일 앱의 UI 화면 세트
Mac의 HTML 편집기 스크린 샷

전체적인 디자인 퀄리티는 Uizard보다는 낮지만, Framer AI보다는 우수하다는 인상을 받았습니다.

Figma로 바로 가져갈 수 있는 구조와, 코드로 내보낼 수 있다는점이 흥미로웠습니다. (피그마 오토 레이아웃 처리도 꽤 잘해줍니다!!)

2
1개의 답글

👉 이 게시글도 읽어보세요