저를 미쳤다고 부르셔도 좋아요.

M3E Canvas는 현재 GitHub의 1위 트렌딩 레포지토리입니다.

그리고 이것은 여러분의 앱 스케치를 AI 코딩 프롬프트로 변환하는 완전 무료 브라우저 도구입니다.

Material 3 화면을 스케치하고, 여러 화면들을 연결하며, 실제 앱처럼 터치해보고, 그 다음 프롬프트를 복사하여 claude code, codex 또는 cursor에 전달하세요.

기능:

• 드래그 앤 드롭으로 버튼, 카드, 내비게이션 바 및 20가지 이상의 M3 파트 사용 가능
• 터치 및 스와이프 전환을 통해 화면 연결 및 라이브 미리보기 제공
• 휴대폰과 데스크톱 너비 간 전환 시 디자인 크기 자동 조정
• 테마 패널: 색상, 모양, 타이포그래피, 모션 등을 한 곳에서 관리
• 클릭 한 번으로 전체 디자인을 영어, 일본어, 중국어 또는 한국어로 된 간결한 프롬프트로 내보내기

무료이며 MIT 라이선스이고, 브라우저 내에서 완전히 실행됩니다.

사용 방법 (5분 이내):

1단계: live demo를 https://t.co/rdiPD7Vs2m 에서 접속하세요.

2단계: 몇 가지 파트를 캔버스에 드래그하고 여러 화면을 연결하세요.

3단계: 프롬프트 버튼을 누르고 복사합니다.

4단계: claude code, codex 또는 cursor에 붙여넣고 앱을 구축하도록 지시합니다.

중요:

GitHub에서 7.1K 스타를 기록하며 계속 상승 중
보조 도구(helper)용 AI 키는 직접 가져와야 하며, 절대 브라우저를 벗어나지 않습니다.
무료이며 MIT 라이선스이고, 유료 결제가 필요한 기능은 없습니다.