데일리콘텐츠소소한 꿀팁

필요한 부분만 쏙쏙! 바로 쓰는 와이어프레임

비비✨2025. 7. 4.

안녕하세요! 오카방 여러분 피피팀 비비✨입니다.

이번 주는 좀 더 와이어프레임 단계를 손쉽게 해줄 수 있는 방법을 위주로 찾아보았는데요. AI와 플러그인을 활용해 필요한 부분만 쏙 작업하는 와이어프레임 툴 모음집을 준비해보았어요! 🛠️

📍 Napkins

손그림 이미지를 CSS코드로 자동 변환

무료 오픈소스로 빠르게 제작 가능

📍Google Stitch

프롬포트 기반 UI 화면 생성 후 피그마 변환 가능

무료로 생성 가능 (월 사용량 제한: standard 350개)

📍 Wireframes Kit

50개 이상의 UI/웹/앱 컴포넌트 무료 제공

대시보드, 로그인, 상품 목록 등 예시 화면 제공

📍 Ink Wireframe

700이상의 와이어프레임 에셋 제공하는 피그마 플러그인

단순한 선과 도형으로 lo-fi 프로토타입 작업용으로 추천

📍 Higherframer

hi-fi 디자인을 와이어프레임으로 변환하는 플러그인

텍스트, 컬러, 이미지 설정 조정 가능