#### 1. 소개
지난 1 주차에는
- 피그마 메이크의 기본 사용법을 익히고
- 피그마 AI의 작동 원리를 이해했으며
- 랜딩 페이지를 실습 제작하고
- 구상중인 ERP 고도화 프로젝트의 MVP 화면을 구성하는 데 집중했습니다.
https://www.gpters.org/uiux/post/pygma-study-B3bjxRUJii9td2z
이번 2주차에는
- 1주차에 만든 MVP를 구체적으로 다듬고,
- AI 기능을 실제 프로젝트 아이디어에 적용해보며
- 피그마 메이크의 결과물이 실제 프로젝트에서 활용 가능한 수준인지 검토하는 데 중점을 두었습니다.
#### 2. 진행 방법
- Point and Edit 기능 활용
- 직접 원하는 화면 요소에 마우스를 지정하고,
- 해당 영역에 대한 수정 프롬프트를 입력해 실시간 편집
- 메뉴별 AI 기능 아이디어 구상
- 실제 서비스 흐름에 AI 요소를 반영할 수 있는 부분 구상
---
#### 3. 이슈
- 레이아웃 오류
- 자동 생성된 UI 요소 간 간격 오류 발생
- 프롬프트 입력 시 반응 속도 저하
- 복잡한 지시문 입력 시, 피그마 메이크 처리 속도가 느려지는 현상
#### 4. 결과 및 다음 계획
- 상세 화면 수정 및 디자인 고도화
- 단순 프레임 수준에서 실제 서비스 흐름에 가까운 구성으로 발전
- 피그마 메이크 결과물의 실제 업무 적용 가능성 검토
- 실제 코드 전환 가능성과 한계점, 협업 방식 등을 중심 으로 리뷰 예정
- 레플릿, 커서 등 바이브 코딩 툴과 연동 테스트
--------------------------------------------------------
개발팀 리뷰 (프론트, 디자인, 백엔드)
디자인 툴이자, 개발툴로서의 피그마의 발전에 대한 높은 기대감 (주식 사고 싶다고 함)
피그마 MCP, 메이크 의 차이점에 대한 문의
디자인 컴포넌트 추출 및 활용에 대해 제한이 있어 보임 (추후 업데이트 방향 기대)
기존 피그마 디자인 파일, 메이크 임포트
코드의 구조화 좋아 보임
클래스, 변수명 지정의 이슈
코드의 가독성과 효율성 검토 필요
랜딩 페이지 및 내용 전달을 위한 웹사이트 효용성 높아 보임
기획, 디자인, 프로토타입 개발 활용 가능성 높아 보임
