inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

요즘 AI 서비스 제작법: Google Stitch·Figma·Cursor로 기획부터 즉시 배포까지

PRD 문서 기반으로 디자인 초안 잡기

구글 스티치가 맥락 파악을 안 하고 자꾸 지 맘대로 UI를 짜는데

57

작성자 없음

0

원래 이런 건가요? 아니면 제가 프롬프트 작성을 제대로 안 해서 일까요? 강의대로 따라했는데 노션에 기재된 대로 UI가 디자인되지 않아요.

아니면 구글 스티치를 아직 사용하기 너무 이른가요? 보니까 아직 베타버전인 것 같은데

구글 스티치 말고 제대로 초안 나올 수 있는 다른 AI 없나요?

인공지능(ai) 구글스티치

답변 2

0

Masocampus

안녕하세요, 마소캠퍼스입니다.


말씀해 주신 것과 같이 스티치 자체의 한계도 있고, 프롬프트로 개선할 수 있는 여지도 있습니다.

우선 스티치의 경우 아직 세밀한 제어 부분에서의 약점이 있는 것이 사실입니다.
그래서 본 과정에서는 스티치로 만들어낸 대략적인 결과물을 figma에 연동하여
세부 편집하는 과정을 함께 다룹니다.

프롬프트 작성 시에는 한 번에 한 화면과 같이 단위 별로 끊어서 원하시는 바를 명시적으로 작성하면
더 알맞은 결과물이 나올 확률이 높아집니다.

위 방법을 통해 스티치에서는 대략적인 큰그림을 빠르게 생성,
이후 본 과정에서 함께 다루는 툴들을 거치며
원하시는 결과물을 완성해나가는 방법을 습득하시기 바랍니다.
감사합니다.


마소캠퍼스 드림

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. SouthCreate님.

구글 스티치를 사용하면서 바라던 결과와 달리 AI가 예상치 못한 방향으로 UI를 생성하고 있다면, 이는 여러 가지 이유로 발생할 수 있습니다. 주요 원인과 해결 방법은 다음과 같습니다:

1. 프롬프트 작성

  • AI가 적절한 결과를 생성하기 위해서는 구체적이고 명확한 프롬프트가 필요합니다. 프롬프트에 원하는 요소와 제약 조건을 구체적으로 명시해 보세요. AI가 따라야 할 스타일, 기능, 레이아웃 등을 명확하게 설명하는 것이 중요합니다.

2. 베타 버전의 한계

  • 구글 스티치가 베타 버전인 경우, 아직 최적화되지 않은 부분이 있을 수 있습니다. 베타 단계에서는 기능과 성능이 아직 완전히 안정적이지 않을 수 있다는 점을 고려하세요.

3. 대안 AI 도구 사용

  • 다른 AI 디자인 도구로는 Figma의 AI 플러그인이나 Canva Pro의 Magic Resize 같은 기능들이 있습니다. 이런 도구들은 보다 안정적이고 다양한 템플릿을 제공할 수 있습니다.
  • Adobe의 Firefly도 생성 AI의 강력한 기능을 제공하니 고려해 보세요.

관련 질문에 대한 추가적인 정보가 필요하시다면 아래의 유사한 질문을 확인하실 수 있습니다:

프롬프트 작성의 정확성 및 AI 도구의 한계를 파악하는 것이 중요하며, 여러 도구를 시도하여 자신에게 맞는 최상의 솔루션을 찾는 것이 AI 디자인 작업에서 중요한 과정입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

개인적인 질문인데요..

0

9

1

local3000 쿠키 삭제했는데 인덱스페이지로 이동

0

3

0

shrimp task manager 사용 관련 질문입니다.

0

11

1

도메인 바꾸는 버튼이 없어요.

0

12

2

.env

0

16

4

title, description 값이 NULL 입니다

0

17

2

인증이 늦었습니다ㅜㅜ 확인부탁드립니다

0

31

1

액세스 차단됨: Hermes은(는) Google 인증 절차를 완료하지 않았습니다

0

20

1

강의 제목과 시간이 같아요

0

16

0

강의자료 문의

0

19

1

수업자료

0

18

1

메모리 , rule

0

23

2

클로드 코드로 제작된 앱 검증

0

27

2

이 강의의 PRD.md 양식은 깃허브에 올라온거랑 다른 양식인가요?

0

24

2

해결이 잘되었습니다

0

26

1

자꾸 수정하면 git관련한게 나오네요

0

40

3

파일 다운로드

0

35

2

Profile 셋팅, 프롬프트 등 작성 요령

0

31

2

[질문]강의 수강관련 질문의 건

0

27

2

초기 세팅에 대해서 정리한 문서가 있을까요?

0

37

2

Wave file에서 Hermes와 Codex를 찾을수 없습니다.

0

35

1

투명위젯.zip

0

19

1

클로드코드 명령어 - 대화&세션관리부분 강의자료 빈폴더

0

27

1

커서도 프로 요금제(유료 버전)이 필요하네요

0

60

2