UI 프롬프트 30

프롬프트 모음 사이트·가이드 12곳 조사 · 2026년 10월

홈페이지 요소 30가지,
프롬프트 한 장씩

자주 쓰는 홈페이지 요소를 8가지 유형으로 골랐습니다. 조사한 가이드의 공통점을 ‘7칸 프롬프트’로 합쳐 다시 썼고, 카드 속 화면은 그 프롬프트로 만든 실제 결과물입니다.

  • 30요소
  • 8유형
  • 12참고 사이트
  • 3도구 형식

조사 결과를 하나로

7칸 프롬프트 공식

프롬프트 모음 사이트와 AI 도구 공식 가이드가 공통으로 강조한 것을 7칸으로 묶었습니다. 칸만 채우면 원하는 요소가 한 번에 가깝게 나옵니다.

    다듬기는 한 번에 하나씩

    결과가 아쉬우면 처음부터 다시 쓰지 말고, 바꿀 것 하나와 그대로 둘 것을 함께 말합니다.

    블러 효과는 그대로 두고, 메뉴 바 높이만 72px에서 56px로 줄여 줘.

    Lovable 문서 · Google Stitch 가이드 · SuperDesign

    [조건]은 도구에 맞게

      갤러리에서 형식을 고르면 복사되는 [조건] 문장이 바뀝니다.

      한 섹션씩 쌓아 올리기

      내비게이션 → 첫 화면 → 콘텐츠 순서로 요소 하나씩 요청하고, 확인한 뒤 다음으로 넘어갑니다. 한 번에 페이지 전체를 시키면 고치기 어렵습니다.

      daisyUI · v0 · Lovable 문서

      유형별 지도

      홈페이지는 위에서 아래로 이렇게 쌓입니다

      왼쪽은 페이지 순서대로 놓이는 6가지 유형, 오른쪽은 어느 칸에나 얹을 수 있는 인터랙션과 모션입니다. 이름을 누르면 프롬프트와 결과가 열립니다.

      조사한 곳

      참고 사이트 12곳과 가져온 점

      프롬프트를 바로 복사하는 모음, AI 도구를 만든 곳의 요청법 가이드, 완성된 결과를 보는 갤러리로 나눴습니다.

      조사일 2026년 10월 19일. 사이트의 내용·요금·구성은 바뀔 수 있습니다.

      새 창에서 열기

      미리보기 안에서 직접 눌러 보고 스크롤해 보세요.

      프롬프트
      다듬기 프롬프트결과를 본 뒤 한 가지만 고칠 때

      이럴 때 쓰세요

      알아 두면 좋은 용어

        참고한 곳