1DesignTool에서 가장 빠른 스티어링은 쓰는 것이 아니라 가리키는 것입니다. Comment mode는 실시간 미리보기를 마크업 표면으로 바꿉니다. 요소를 ⌥-click하고 메모를 입력하면, 핀이 에이전트가 수정할 정확한 노드에 놓입니다.
Comment mode
미리보기 레일의 Comment mode 버튼이 표면을 켭니다. 거기서:
- ⌥-hover — 커서 아래의 요소를 하이라이트해서, 확정하기 전에 핀이 정확히 어느 노드에 놓일지 보여줍니다
- ⌥-click — 그 요소에 번호가 매겨진 pin을 놓습니다
- Draw — 영역을 드래그해 하나의 노드 대신 구역을 표시합니다
- 핀 클릭 — 열어서 댓글을 쓰거나 수정합니다
핀은 미리보기 옆으로 슬라이드되는 Comments 패널에 놓입니다. 각각 번호, 셀렉터, 메모를 보여줍니다. 버튼의 카운터는 대기 중인 핀의 수를 추적합니다.
메모를 에이전트에게 보내기
각 핀에 댓글을 씁니다. "이 헤드라인 조여줘, 최대 두 줄로", "이건 보조로 느껴져야 해" 같은 식으로요. 그런 다음 Send N new comments to agent를 누릅니다. 메모는 정확한 요소에 접혀 다음 턴으로 실려 가므로, 에이전트는 추측한 것이 아니라 의도한 노드를 수정합니다.
이미 resolve된 핀이 있나요? 새 것만 보내면 됩니다. 패널은 미전송 메모를 셉니다. 수정이 반영된 후에는 핀을 resolve하거나 지워서 다음 턴이 낡은 표시를 다시 읽지 않게 하세요.
좋은 댓글의 조건
좋은 브리프와 같은 규칙, 더 작은 크기입니다. 메커니즘이 아니라 변경을 말하세요. "14px #999로 줄여"보다 "보조로 느껴지게 해줘"가 낫습니다. design kit이 토큰을 소유하므로, 나머지 시스템과 싸우는 값보다 일관되게 적용된 방향이 낫습니다. 핀당 이슈 하나. 두 가지가 잘못됐다면 핀을 두 개 놓으세요.
Tip: 수정이 간격이나 정렬에 관한 것이라면 노드를 선택하는 대신 영역을 그리세요. 표시된 구역은 위치로 어떤 요소를 의미하는지 에이전트에게 알려주므로, 모호한 마크업에서도 셀렉터보다 잘 살아남습니다.
핀이 사는 곳
핀은 일시적인 미리보기가 아니라 프로젝트 상태에 붙습니다. 자신을 수정하는 실행이 지나가도 살아남고, resolve되기 전까지 다음 브리프에 나타납니다. 프로젝트를 삭제하면 함께 지워지고, 이전 상태를 복원하면 그 상태의 핀이 돌아옵니다.