안녕하세요! 오카방 여러분
피피팀 비비
입니다.
입니다.이번 주는 좀 더 와이어프레임 단계를 손쉽게 해줄 수 있는 방법을 위주로 찾아보았는데요.
AI와 플러그인을 활용해 필요한 부분만 쏙 작업하는 와이어프레임 툴 모음집을 준비해보았어요!
Napkins•
손그림 이미지를 CSS코드로 자동 변환
•
무료 오픈소스로 빠르게 제작 가능
Google Stitch•
프롬포트 기반 UI 화면 생성 후 피그마 변환 가능
•
무료로 생성 가능 (월 사용량 제한: standard 350개)
Wireframes Kit•
50개 이상의 UI/웹/앱 컴포넌트 무료 제공
•
대시보드, 로그인, 상품 목록 등 예시 화면 제공
Ink Wireframe•
700이상의 와이어프레임 에셋 제공하는 피그마 플러그인
•
단순한 선과 도형으로 lo-fi 프로토타입 작업용으로 추천
Higherframer•
hi-fi 디자인을 와이어프레임으로 변환하는 플러그인
•
텍스트, 컬러, 이미지 설정 조정 가능
