inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자이너 없이도 앱 UI를 — 클릭이 진짜 되는 47개 모바일 UI 킷

W T
0

안녕하세요! 혼자 앱 만들 때 제일 막막한 게 'UI를 어떻게 시작하지?'였어요.
Dribbble 샷은 예쁜데 정적 이미지라 흐름이 안 보이고, 막상 코드로 옮기려면 또 막히고요.

그래서 Mokuno를 만들었습니다 👉 https://mokuno.web.app/

- 📱 47개 킷 · 18개 카테고리 (핀테크·커머스·소셜·헬스·교육·게임…)
- 👆 실제로 클릭·입력이 동작하는 인터랙티브 프리뷰 (이미지 아님, 렌더링된 화면)
- 🤖 컬러·컴포넌트 스펙을 'AI-Ready'로 복사 → Claude·Cursor에 붙여넣어 바로 구현
- ✏️ 편집 + PDF·PNG·Figma 내보내기 (멤버십)
- 모든 킷 무료 열람

정적 목업이 아니라 입력·탭이 실제로 반응하는 인터랙티브 프리뷰입니다.
킷별로 내비게이션·버튼·입력 필드·스킨이 분기되도록 설계해 '색만 다른 화면' 양산을 피했어요.
스펙을 복사해서 ChatGPT나 Claude에 붙여넣으면 코드 짤 때 편합니다.

전 킷 무료 열람, 편집·내보내기(PDF/PNG/Figma)는 멤버십. 빌드 단계 없는 단일 페이지 앱입니다.

피드백 주시면 정말 감사하겠습니다 🙏
특히 "이 카테고리 킷이 더 있으면 좋겠다" 같은 의견 환영해요!

답변 2

0

Brown Emma

Each new map in Subway Surfers is meticulously designed with vibrant colors, distinctive landscapes, and unique details, making players feel like they're exploring a completely new land.

0

eaglercraftx

This looks like a useful resource for developers who struggle with turning design ideas into real app interfaces. I like the focus on interactive previews instead of just static screenshots because it makes the building process easier to understand. It reminds me of Eaglercraft, a browser-based sandbox game where creativity and experimentation are central without needing downloads.