Figma 1주차 후기와 UX 전용 프롬프팅 학습기

두부 · 이미지 / 음악 / 영상 · · 좋아요 0 · 답글 0

연재 Figma로 화면과 웹사이트 만들기 2/2편

안녕하세요 진여진입니다. 🙇
1주차 스터디를 마친 후기 소감과
UX 전용 프롬프트 가이드 문서를 공부한 과정을 공유드립니다.

> TL;DR: 공식 문서를 파고들어 만든 자작 가이드 문서 만들면서 배운 이야기입니다.

제공받은 레퍼런스 문서들

스터디에서 제공받은 문서들이 다음과 같았습니다:

문제는 이 문서들이 너무 이론적이고 방대했다는 것입니다.

당장 써먹기에는 추상적이고, 초보자가 바로 적용하기에는 gap이 컸습니다.

"아무도 이렇게까지 안 한다"는 확신

그래서 결정했습니다.

공식 문서를 제 방식대로 정리해서 실전용 가이드를 만들자.

시간은 더 걸렸지만, 이것이 진짜 차별점이 될 거라는 확신이 있었습니다.

Figma Make 입문자용 프롬프팅 가이드

  • 핵심: 3단계 접근법 (기본 구조 → 디자인 개선 → 세부 완성)

  • 차별점: GPT와 호흡 맞추면서 작업하는 방법론

  • 실용성: 구체적 템플릿과 예시 프롬프트 제공

2. Google AI Studio UIUX 프롬프팅 가이드

  • 핵심: Gemini API 최적화 기법 (퓨샷, 완료 전략 등)

  • 차별점: 입문자도 바로 쓸 수 있는 템플릿 제공

  • 미검증 영역: 아직 실전에서 완전히 테스트하지 않았습니다 (추가)

3. Figma Make Edit 도구 완전 가이드 (입문자용)

  • 핵심: 툴바 vs 프롬프트 구분법과 효율적 워크플로우

  • 차별점: GPT 학습용으로 최적화된 구조

  • 실용성: 바로 따라할 수 있는 단계별 가이드

🔄 다음 편 예고

다음 글에서는 이 가이드들을 실제로 활용해서

키 스크린을 만드는 전체 과정을 다룰 예정입니다.

아이디어 빌딩은 어떻게 진행했는지, 어떤 시행착오가 있었는지,

그리고 가이드 문서가 얼마나 도움이 되었는지까지 공유하겠습니다.

가이드가 실전에서 얼마나 통할까? 기대해 주세요!

---

P.S. 혹시 비슷한 고민을 하는 클로더즈 동기분들이 계시다면,

제 가이드 문서들을 자유롭게 참고해서 써보시고 피드백 주시면 감사하겠습니다.

함께 개선해 나가면 더 좋은 자료가 될 것 같습니다!

태그: #Figma