AI 목업 만들기 — 프롬프트로 모바일 화면 목업 합성하는 법 (2026)

AI로 모바일 목업을 만들어 보면 대개 비슷한 데서 막힙니다. 전체 분위기는 그럴듯한데 폰 테두리가 미묘하게 울고, 화면 안에 넣은 로고나 스플래시가 지저분하게 뭉개지죠. 이 글은 그 지점을 어떻게 넘겼는지에 대한 기록입니다. 결론만 먼저 말하면, 저는 레퍼런스 이미지를 붙이는 대신 “광고를 찾아서 배운 다음 다시 만들어라”고 말로 시켜봤고, 그걸로 원하는 결과가 나왔습니다.

먼저, 어느 쪽 목업을 만들려는 건가

“목업”이라는 말이 두 가지를 가리켜서 검색 결과가 섞입니다. 시작 전에 갈라두는 게 시간을 아낍니다.

	UI 설계 목업	이미지 합성 목업
만드는 것	앱·웹 화면의 구조와 배치	실물 사진처럼 보이는 연출 이미지
보는 사람	기획자, 개발자	클라이언트, 고객, 광고 보는 사람
쓰는 도구	Figma First Draft, Uizard, Visily 같은 화면 설계 도구	이미지 생성 AI
결과물	편집 가능한 와이어프레임	한 장의 완성 이미지
이 글이 다루는 쪽		← 이쪽

화면 구조를 짜야 한다면 Figma의 First Draft 같은 기능이 맞습니다. 툴바에서 Actions → First Draft를 누르고 프롬프트를 넣으면 와이어프레임을 뽑아줍니다. 반면 완성된 디자인을 폰에 얹어서 광고 소재처럼 보이게 만들고 싶다면 이미지 생성 AI 쪽이고, 아래 내용이 그 이야기입니다.

어디서 티가 나는가

AI가 만든 폰 목업이 어색해 보이는 데는 몇 군데 정해진 자리가 있습니다. 직접 돌려보며 걸렸던 것들입니다.

어긋나는 곳	어떻게 어긋나나
베벨(테두리)	직선이어야 할 모서리가 미세하게 휘어 물결칩니다. 가장 먼저 눈에 걸립니다
화면 속 그래픽	로고나 스플래시 화면이 또렷하게 안 떨어지고 번집니다
화면과 기기의 접합	디스플레이가 유리 아래 들어가 있지 않고 스티커처럼 얹힌 느낌이 납니다
반사와 그림자	광택이 없거나, 있어도 광원 방향과 안 맞습니다

이 중에서 베벨이 가장 치명적입니다. 사람은 직선이 휘는 걸 아주 잘 알아채거든요. 나머지가 다 괜찮아도 테두리가 울면 “합성했구나”가 바로 읽힙니다.

이번엔 말로 시켜봤습니다

보통은 이렇게 합니다. 애플이나 삼성 광고 이미지를 몇 장 모아서 레퍼런스로 첨부하고, “이런 느낌으로 만들어줘”라고 시키죠. 저도 그렇게 할 생각이었습니다.

그런데 이번에는 이미지를 한 장도 붙이지 않고 말로만 시켜봤습니다.

애플과 삼성의 지면 광고를 검색해서 학습한 다음, 그걸 적용해서 다시 만들어줘.

이걸로 원하는 결과가 나왔습니다. 왜 됐는지는 확실히 모르겠습니다. 다만 짐작해 보자면, 몇 장을 붙였을 때는 모델이 그 몇 장을 따라가는 반면, “이런 종류의 광고를 찾아서 배우라”고 하면 그 장르에서 반복되는 것들을 꺼내 오는 게 아닐까 싶습니다. 폰 목업 광고에서 흔히 보이는 것들 — 정면 혹은 살짝 틀어진 각도, 균일한 스튜디오 조명, 테두리의 금속 반사, 화면이 유리 아래 들어가 보이는 깊이감 같은 것들요.

어느 쪽이 항상 낫다는 얘기는 아닙니다. 저는 이 작업에서 한 번 이렇게 해봤고 결과가 좋았다는 것뿐입니다. 레퍼런스를 붙이는 방식도 여전히 유효하고, 상황에 따라 그쪽이 맞을 때가 있습니다.

프롬프트는 이렇게 짭니다

위 방식을 그대로 쓰면 순서는 이렇습니다.

1단계 — 일단 만들어 봅니다. 처음부터 완벽한 프롬프트를 짜려고 하지 마세요. 어디가 어긋나는지 봐야 다음 지시를 쓸 수 있습니다.

2단계 — 어긋난 곳을 이름으로 짚습니다. “이상해요”가 아니라 “베벨이 물결친다”, “스플래시가 번진다”처럼요. 앞의 표가 그 이름표입니다.

3단계 — 장르를 배우라고 시킵니다.

애플과 삼성의 지면 광고를 검색해서 학습해.
그 조명, 각도, 테두리 반사를 적용해서 다시 만들어줘.
베벨은 직선으로, 화면은 유리 아래 들어간 것처럼.

4단계 — 필요하면 한 번 더 좁힙니다. 여전히 어긋나는 한 군데만 다시 짚습니다.

여기서 하나 덧붙이면, 브랜드를 두 개 언급하면 결과도 두 갈래로 나옵니다. 애플과 삼성을 같이 적었더니 시키지도 않았는데 아이폰 쪽과 갤럭시 쪽을 각각 만들어 줬습니다. 특정 기기로 고정하고 싶다면 한쪽만 적는 편이 낫겠습니다.

어떤 모델로 하나

이미지 합성 목업은 쓰는 모델에 따라 결과 차이가 큽니다. 특히 기존 이미지를 받아서 일부만 바꾸는 능력이 갈립니다. 로고를 넣은 화면을 폰에 앉히는 작업이 딱 그 종류거든요.

나노 바나나 프로처럼 이미지를 받아 편집하는 데 강한 모델이 이 작업에 맞습니다. 반대로 무에서 그려내는 데 강한 모델은 매번 다른 폰을 그려서 일관성이 안 잡히고요. 모델별로 어디가 다른지는 같은 프롬프트로 비교해 본 글에 따로 적어뒀습니다.

직접 해보니

위에 적은 방법은 제가 로고 스플래시 화면을 폰에 얹는 작업을 하면서 나온 것입니다. AI로 3D 애니메이션 한 편을 만드는 9단계를 진행하던 중에 곁가지로 알게 된 거예요. 순서대로 적어두겠습니다.

처음에는 그냥 “합성해줘”라고 했습니다. 결과가 영 마음에 안 들었어요. 모바일 베벨 쪽이 우는 것처럼 나왔습니다. 직선이어야 할 테두리가 미묘하게 휘어 보이는 거죠. 스플래시 화면 쪽도 깔끔하게 안 떨어졌고요. 전체 분위기는 그럴듯한데 자세히 보면 티가 나는, 딱 그 상태였습니다.

그래서 레퍼런스를 모아 붙여야 하나 생각했는데, 결국 이미지는 한 장도 안 붙였습니다. 대신 말로 시켰어요. 애플과 삼성의 지면 광고를 검색해서 학습하고, 그걸 적용해서 다시 만들어 달라고요. 그게 전부입니다.

결과가 실제 모바일 광고처럼 깔끔하게 나왔습니다. 솔직히 놀랐어요. 붙인 것도 없는데 이렇게 달라지나 싶었습니다. 베벨이 펴지고 화면이 기기 안에 제대로 들어가 보이니까, 그 전까지 거슬리던 게 한 번에 정리됐습니다.

예상 못 한 것도 하나 있었습니다. 비슷한 이미지 두 장으로 돌렸는데 둘 다 잘 나왔고, 애플과 삼성을 같이 언급해서인지 아이폰 쪽과 갤럭시 쪽을 골고루 만들어 줬습니다. 시킨 적이 없는데도요. 기기를 하나로 고정하고 싶다면 브랜드도 하나만 적는 게 맞겠다 싶었습니다.

아직 이 방법이 안 통한 경우는 못 겪었습니다. 다만 제가 해본 게 모바일 화면 합성 한 종류라, 패키지나 옥외 같은 다른 목업에서도 같을지는 아직 모릅니다.

자주 묻는 질문

레퍼런스 이미지를 붙이는 게 더 정확하지 않나요

경우에 따라 다릅니다. 원하는 결과가 그 이미지와 똑같은 것이라면 붙이는 쪽이 맞습니다. 저는 이번 작업에서 “광고처럼 보이게”가 목적이었고, 안 붙이고 말로 시켰더니 잘 나왔습니다. 한 번의 경험이라 어느 쪽이 일반적으로 낫다고 말하기는 어렵습니다.

베벨이 계속 울면 어떻게 하나요

“베벨이 직선이어야 한다”를 프롬프트에 따로 적어보세요. 그래도 안 되면 각도를 바꾸는 게 빠릅니다. 완전 정면은 직선이 길게 드러나서 휘는 게 더 눈에 띄는데, 살짝 틀어진 각도에서는 덜 걸립니다.

브랜드 이름을 프롬프트에 넣어도 되나요

결과물을 어디에 쓰느냐에 따라 다릅니다. 스타일을 참고하라는 지시와 그 브랜드 제품인 것처럼 보이게 만드는 것은 다른 이야기입니다. 완성된 이미지를 상업적으로 쓸 계획이라면 실제 브랜드의 기기 형태나 로고가 식별 가능하게 들어갔는지 확인하는 게 안전합니다.

화면 설계 목업도 같은 방법으로 되나요

아닙니다. 와이어프레임은 편집 가능한 레이어가 필요해서 이미지 생성과는 다른 도구를 씁니다. 표의 왼쪽 칸에 적어둔 쪽을 보세요.

정리

• “목업”은 화면 설계와 이미지 합성 두 가지를 가리킵니다. 이 글은 뒤쪽입니다.
• AI 폰 목업이 어색해지는 자리는 정해져 있습니다. 베벨, 화면 속 그래픽, 화면과 기기의 접합, 반사. 그중 베벨이 가장 먼저 들통납니다.
• 저는 이번에 레퍼런스를 붙이지 않고 **“그 장르의 광고를 검색해서 학습하고 적용하라”**고 말로 시켜봤고, 그걸로 결과가 나왔습니다. 항상 이쪽이 낫다는 뜻은 아닙니다.
• 어긋난 곳은 이름으로 짚어야 고쳐집니다. “이상하다”로는 안 바뀝니다.
• 브랜드를 둘 적으면 결과도 둘로 갈립니다. 한 기기로 고정하려면 하나만 적으세요.