AI 꿀조합으로 돌아가기
웹디자이너의 AI 도구 조합
Figma로 UI 설계, Framer로 인터랙티브 프로토타입, Flux로 이미지 생성
중급무료~월 $15도구 3개
워크플로우
1
Figma AI
AI 기반 UI 컴포넌트 생성
Figma AI가 자연어 설명으로 UI 컴포넌트를 자동 생성하고 디자인 시스템을 추천합니다.
2
Framer
인터랙티브 프로토타입 제작
코드 없이 스크롤 애니메이션, 페이지 전환 등 인터랙션을 구현합니다.
3
Flux AI
커스텀 이미지/아이콘 생성
Flux AI로 디자인에 맞는 커스텀 일러스트, 아이콘, 배경 이미지를 생성합니다.
이런 곳에 활용하세요
웹사이트 리디자인모바일 앱 UI랜딩 페이지 프로토타입디자인 시스템 구축
💡 실전 팁
Figma AI의 'Auto Layout' 추천 기능으로 반응형 디자인을 빠르게 만들 수 있습니다
Framer에서 만든 프로토타입은 바로 실제 웹사이트로 배포할 수 있습니다
Flux AI로 생성한 이미지는 배경 투명 옵션을 쓰면 바로 디자인에 활용 가능합니다
⚠️ 주의사항
AI 생성 디자인이 접근성(색맹 대응, 폰트 크기 등) 기준을 충족하는지 확인하세요. WCAG 가이드라인 준수가 중요합니다.
필요한 도구
관련 조합
#웹디자인#UI#프로토타입#인터랙션