← 에디토리얼

깃허브 별 도구 · 2026.11.01 · 2분

앱 화면 그려서 바이브코딩 프롬프트로

AItoZ 개발팀 · 2026.11.01 발행

앱 화면 그려서 바이브코딩 프롬프트로 — 깃허브 별 도구

말로 설명하기 어려운 앱 화면, 그려서 AI에게 건네세요. 깃허브 별 1만 개 가까이 받은 무료 오픈소스 M3E Canvas는 구글 머티리얼 3 부품을 끌어다 화면을 그리면, AI 코딩 도구에 붙여 넣을 프롬프트를 만들어 줍니다.

앱 화면을 그리듯 놓으면, AI 코딩 도구에 넣을 프롬프트를 만들어 줘요. 깃허브 별 만 개 가까이 받았어요.

앱 화면을 그리듯 놓으면, AI 코딩 도구에 넣을 프롬프트를 만들어 줘요. 깃허브 별 만 개 가까이 받았어요.

구글 머티리얼 디자인 부품을 끌어다 놓기만 하면 돼요.

구글 머티리얼 디자인 부품을 끌어다 놓기만 하면 돼요.

버튼을 눌러 화면이 넘어가는 것까지 미리 해 보고, 프롬프트를 복사해요.

버튼을 눌러 화면이 넘어가는 것까지 미리 해 보고, 프롬프트를 복사해요.

프롬프트는 한국어로도 나와요. 클로드 코드, 코덱스, 커서에 그대로 붙여 넣으면 돼요.

프롬프트는 한국어로도 나와요. 클로드 코드, 코덱스, 커서에 그대로 붙여 넣으면 돼요.

설치도 계정도 없어요. 브라우저에서 열면 바로 돼요.

설치도 계정도 없어요. 브라우저에서 열면 바로 돼요.

순서는 셋이에요. 화면을 그리고, 눌러서 넘겨 보고, 프롬프트를 복사하기. 휴대폰보다 컴퓨터에서 하세요.

순서는 셋이에요. 화면을 그리고, 눌러서 넘겨 보고, 프롬프트를 복사하기. 휴대폰보다 컴퓨터에서 하세요.

말로 설명하기 어려운 화면, 그려서 건네 보세요. 다음 편도 깃허브 별이 쏟아진 도구를 골라 올게요.

말로 설명하기 어려운 화면, 그려서 건네 보세요. 다음 편도 깃허브 별이 쏟아진 도구를 골라 올게요.

출처

  • github.com/lnkiai/m3e-canvas
다음 글최신 AI 모델 내 PC에서 무료로→