Pawandeep-prog/Snapframe

어떤 프로젝트인가요?

핵심 기능

• 01앱 화면을 실제 환경에 맞춰 보여주는 iPhone 목업 등의 기기 프레임.
• 02엄선된 스타일과 사용자 지정 스타일을 적용하는 슬라이드별 또는 프로젝트 전체 테마.
• 03서체와 위치를 조정할 수 있는 텍스트 블록.
• 04실행 취소/다시 실행 기록을 제공하는 실시간 미리보기.
• 05PNG, JPG 또는 모든 해상도 이미지를 담은 ZIP 아카이브로 내보내기.
• 06슬라이드 세트를 프로그래밍 방식으로 만들 수 있는 실시간 미리보기 지원 JSON 편집기.

활용 사례

• 새 앱 출시를 위해 Play Store 또는 App Store 스크린샷 세트 준비하기.
• 전용 디자인 도구 없이 앱 홍보 이미지 만들기.
• AI 어시스턴트로 슬라이드 세트를 생성한 뒤 시각적으로 다듬기.

빠른 시작

1. 1

   저장소를 클론합니다

   git clone https://github.com/Pawandeep-prog/Snapframe.git
2. 2

   프로젝트 폴더로 이동합니다

   cd Snapframe
3. 3

   종속성을 설치합니다

   npm install
4. 4

   개발 서버를 실행하고 http://localhost:5173을 엽니다

   npm run dev

사용 전 알아둘 점

• !Firefox에는 알려진 렌더링 문제가 있으므로 Chrome을 지원 브라우저로 사용합니다.

토픽

자주 묻는 질문

Snapframe은(는) 무엇인가요?

앱 스크린샷에 기기 프레임과 텍스트를 더해 Play Store 및 App Store용 홍보 이미지를 만드는 웹 기반 도구입니다. Snapframe은 앱 스토어 스크린샷을 만드는 브라우저 기반 편집기입니다. 개발자와 디자이너는 앱 화면을 iPhone 프레임 같은 기기 목업 안에 배치하고, 텍스트 블록을 추가하며, 여러 슬라이드에 템플릿이나 사용자 지정 스타일을 적용할 수 있습니다.

Snapframe은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

Snapframe은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

Snapframe은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. Snapframe의 마지막 커밋은 2026년 7월 1일입니다.

Snapframe은(는) 어디에 사용할 수 있나요?

새 앱 출시를 위해 Play Store 또는 App Store 스크린샷 세트 준비하기. 전용 디자인 도구 없이 앱 홍보 이미지 만들기. AI 어시스턴트로 슬라이드 세트를 생성한 뒤 시각적으로 다듬기.

Snapframe는 어떻게 설치하나요?

저장소를 클론합니다: git clone https://github.com/Pawandeep-prog/Snapframe.git 프로젝트 폴더로 이동합니다: cd Snapframe 종속성을 설치합니다: npm install 개발 서버를 실행하고 http://localhost:5173을 엽니다: npm run dev

Snapframe은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Pawandeep-prog/Snapframe