GPTea☕ Figma 프로토타이핑

🙌 gptea 피그마 프로토타입 링크 🙌

Figma

 

 

구현한 것

- 전체컴포넌트: 호버효과와 클릭하여 페이지 전환 기능,
- Chats컴포넌트: ChatItem 이름 수정아이콘 기능(데이터베이스->데이터베이스 심화->데이터베이스)
- Scraps컴포넌트: Scrap 클릭하면 확장, 다시 클릭하면 축소 기능, 화살표아이콘 누르면 해당 Chat으로 이동

 

추가할 것

- Chat컴포넌트에서 propmt 커서 깜빡임 구현 ✅
- propmt 질문 입력하면 메세지 추가되는 UI 구현 ✅
- Scrap마크 클릭하면 색칠되고, 다시 클릭하면 투명해지는 UI 구현 ✅

추가한 내용은 다음 포스팅에서 다루었다.

gptea☕ Figma 프로토타이핑 추가 완성본