한국어

프로덕트 디자인 협업

Figma 기준 프레임, 컴포넌트 상태, 긴 실제 데이터, 반응형 동작을 합의하는 디자인 협업 문구입니다. 시안 코멘트와 개발 인계에 바로 쓰는 짧은 요청을 모았습니다. 보내기 전에 대괄호 안의 내용을 실제 정보로 바꾸세요.

재이

0likes10snippets

Try it here

Snippet

Loading snippet…

Your typing stays in this tab. Nothing is saved or sent.

Snippets (10)

;kux-delete

삭제 확인 문구 구체화

‘삭제하시겠습니까?’만으로는 무엇이 없어지는지 알기 어렵습니다. 삭제 대상 이름을 보여주고, 복구 가능 여부를 확인한 뒤 안내 문구에 반영해 주세요.

;kux-frame

구현 기준 프레임 요청

이번 구현 기준인 Figma 프레임 링크를 부탁드립니다. 파일 전체 링크로는 이전 시안과 구분하기 어렵습니다.

;kux-states

데이터 없는 화면 시안

지금 시안은 데이터가 있는 상태라 처음 불러오는 화면과 결과가 없는 화면도 필요합니다. 조회에 실패했을 때는 어디서 다시 시도하는지까지 함께 정해 주세요.

;kux-focus

선택과 포커스 상태 요청

선택된 상태와 키보드 포커스가 같은 표시인지 구분이 필요합니다. 둘이 동시에 걸린 모습도 보여주시면 마우스 없이 조작하는 경로까지 맞춰 구현할 수 있습니다.

;kux-length

긴 실제 데이터로 검수

실제 들어올 법한 긴 이름과 여러 줄 제목을 넣어 보면 좋겠습니다. 줄이 늘어날 때 카드 높이를 같이 늘릴지, 줄 수를 제한할지 먼저 정해 주세요.

;kux-variant

컴포넌트 예외 처리 확인

이 부분은 공통 컴포넌트와 다른 변형을 의도한 건가요? 반복해서 쓰는 형태라면 variant로 정리하고, 이 화면만의 예외라면 적용 조건을 남겨 주세요.

;kux-type

글꼴 설정부터 비교

간격을 개별 보정하기 전에 적용된 폰트, 굵기, 행간부터 비교해 주세요. 글꼴 설정이 다르면 줄바꿈 위치가 달라져 주변 간격도 함께 어긋날 수 있습니다.

;kux-width

반응형 중간 너비 합의

두 시안 사이 너비에서는 어느 시점에 열을 줄이고 사이드바를 접을까요? 고정 너비와 늘어나는 영역도 표시해 주시면 중간 크기에서 임의로 판단하는 부분을 줄일 수 있습니다.

;kux-review

디자인 검수 범위 전달

이번 검수 기준은 [Figma 프레임 링크]입니다. 우선 [검수할 화면·동작]을 봐 주세요. 수정 의견은 해당 프레임의 코멘트로 남겨주시면 구현 화면과 대조하겠습니다.

;kux-label

버튼이 수행하는 동작 명시

이 버튼은 저장인가요, 검토 요청인가요? ‘확인’ 대신 실제 실행되는 동작을 적으면 좋겠습니다.