Digital Studio

복잡한 디자인 시안, 피그마와 엑셀로 명확하게 소통하는 법

안녕하세요, 이더블유케이의 혜선 담당자입니다. 👋

디자인 프로젝트를 진행하면서 시안을 검토하고 수정 사항을 요청해야 하는데,
피그마(Figma) 연결 주소를 받긴 했지만... "어디서 확인하지?" "처음 사용하는데 복잡하지는 않을까?" 고민 중이신가요?

염려하지 않으셔도 됩니다! 피그마는 별도의 프로그램 설치 없이 링크만으로 웹에서 간편하게 시안을 확인할 수 있습니다.

이번 글에서는 피그마 시안을 편안하게 확인하는 방법과, 엑셀(Excel)을 활용해 누락 없이 확실하게 피드백을 전달하는 팁을 공유해 드립니다! 😊✨

📌 피그마 링크 확인 및 로그인 방법

피그마 링크를 받으셨다면 다음과 같은 방법으로 확인하실 수 있습니다.

1️⃣

링크 클릭하기

받으신 링크를 클릭하시면 피그마 프로젝트 페이지로 이동하게 됩니다. 추가 소프트웨어 다운로드 없이 웹 브라우저에서 직접 실행이 가능합니다.

2️⃣

피그마 로그인 방법 (구글 계정) 🌐

공유 받으신 피그마 웹페이지에 접속하시면, 로그인 화면이 나타나게 됩니다. 제공해 주신 구글 계정으로 로그인하시면 바로 시안을 확인하실 수 있습니다! 🎉

🖱 시안 확인을 위한 피그마 기초 도구

↖️ 마우스 (선택 도구)

가장 기본적인 도구입니다. 특정 요소나 텍스트를 클릭해 확인할 수 있습니다. 스페이스바를 누르면 손 도구로 전환됩니다.

✋ 손 (이동 도구)

화면을 원하시는 방향으로 드래그하여 이동할 수 있습니다. 마우스에 스페이스바를 누른 채로 드래그하면 편리합니다.

🏷️ 프레임 이름 확인

각 디자인 화면의 좌측 상단을 보시면 'Main_01', 'Sub_02'와 같이 화면(프레임)의 이름이 적혀 있습니다. 이 이름이 수정 요청의 기준이 됩니다!

📊 코멘트 대신 '엑셀 리스트업'을 추천하는 이유!

피그마 내부에도 코멘트를 남기는 기능이 있지만, 화면 수가 많아지면 코멘트가 흩어져서 수정 사항이 누락되거나 소통의 혼선이 발생할 수 있습니다.

따라서 이더블케이에서는 각 '프레임(화면) 이름'을 기준으로 엑셀에 수정 사항을 리스트업하여 전달해주시는 것을 권장합니다.

  • ✅ 디자인 수정 내역이 엑셀 한곳에 모여있어 누락 없는 정확한 작업이 가능합니다.
  • ✅ 디자이너가 수정한 부분에 대해 '완료' 처리를 체크할 수 있어 진행률 파악이 쉽습니다.
  • ✅ 이전 수정 히스토리를 언제든 한눈에 다시 확인할 수 있습니다.
No. 프레임(화면) 이름 수정 요청 사항 (상세 내용) 진행 상태
1 Main_01_Visual 메인 배너의 텍스트를 "새로운 시작"에서 "당신의 비즈니스 파트너"로 변경해 주세요. 확인 중
2 Sub_02_About 연혁 부분의 2024년도 내용이 빠져있습니다. 첨부해 드린 레퍼런스 이미지 참고해서 추가해 주세요. 확인 중

💬 엑셀에 피드백을 작성할 때 팁 (좋은 예 vs 나쁜 예)

엑셀 파일에 수정 사항을 작성해주실 때, 아래의 팁을 참고해주시면 디자이너가 더욱 정확하게 의도를 파악할 수 있습니다! 😊

❌ 이렇게 피드백하면 어려워요
"어딘가 부족한 것 같은데, 좀 더 느낌을 살려주시면 좋겠습니다."
"이 글의 디자인이 마음에 들지 않습니다."
"로고를 너무 과하지 않게, 눈에 띄게 해주세요."
"알아서 감각적으로 수정해 주세요."
⭕ 이렇게 피드백하면 완벽해요!
"해당 버튼의 색상을 배경과 구별이 쉬운 선명한 컬러(예: 파란색)로 변경하면 좋을 것 같습니다."
"해당 글자체를 굵게 변경하거나 폰트 크기를 2px 정도 키워서 가독성을 높여주세요."
"전체적인 배경색이 서늘한 느낌이라, 조금 더 포근한 웜톤 계열 색상이라면 괜찮을 것 같습니다."
[레퍼런스 이미지 첨부 시]
"이전에 보내드린 압축파일 내 '참고사진1.jpg'의 버튼 모양처럼 모서리를 둥글게 제작이 가능할까요?"

🖼️ 참고용 이미지를 함께 전달해 주시면 더욱 좋습니다!

말로 표현하기가 까다로운 디자인 느낌이나 구체적인 형태는 이미지나 예시 자료 링크를 엑셀 비고란에 함께 첨부해 주시는 것이 가장 효율적입니다.

  • 동일한 단어도 사람마다 이해하는 바가 상이하기 때문에, 본인이 의도하시는 바를 시각적으로 명확하게 제시할 수 있습니다.
  • 피그마 화면을 캡처한 뒤, 이미지 위에 직접 동그라미나 화살표를 그려서 엑셀과 함께 전달해 주시면 100% 정확한 소통이 가능해집니다.
  • 이미 진행 중인 프로젝트나 선호하시는 타사 디자인을 예시로 들어 설명하시면 서로 간의 이해도가 획기적으로 높아집니다.

체계적인 프로세스로 스트레스 없는
웹사이트 구축을 경험해 보세요! 🚀

👉 이더블케이와 프로젝트 시작하기