AI 꿀조합으로 돌아가기
Figma AI
Framer
Flux AI
Figma AI
Framer
Flux AI
디자인 완성
내보내기
워크플로우
1
AI 기반 UI 컴포넌트 생성
Figma의 AI 기능(Figma Make 등)으로 자연어 설명에서 UI 레이아웃·컴포넌트를 생성하고 디자인 시스템에 맞춘 여러 시안을 받습니다.
2
인터랙티브 프로토타입 제작
코드 없이 스크롤 애니메이션, 페이지 전환 등 인터랙션을 구현합니다.
3
커스텀 이미지/아이콘 생성
Flux AI로 디자인에 맞는 커스텀 일러스트, 아이콘, 배경 이미지를 생성합니다.
🎯이런 곳에 활용하세요
- 웹사이트 리디자인
- 모바일 앱 UI
- 랜딩 페이지 프로토타입
- 디자인 시스템 구축
💡실전 팁
- Figma의 Auto Layout으로 반응형 컴포넌트를 빠르게 구성할 수 있습니다
- Framer 무료 플랜으로도 프로토타입을 만들고 framer.website 서브도메인에 바로 배포할 수 있습니다(커스텀 도메인은 유료 플랜부터)
- Flux AI로 생성한 이미지는 후처리로 배경을 분리해 디자인에 활용하세요
⚠️주의사항
AI 생성 디자인이 접근성(색맹 대응, 폰트 크기 등) 기준을 충족하는지 확인하세요. WCAG 가이드라인 준수가 중요합니다.
필요한 도구
#웹디자인#UI#프로토타입#인터랙션