피그마(Figma) 기본 사용법

단계를 눌러 순서대로 확인해보세요.

  1. 새 디자인 파일 만들기

    피그마 홈에서 "디자인 파일" 버튼을 눌러 새 작업 파일을 만듭니다.

  2. 프레임 도구로 화면 틀 만들기

    프레임(F) 도구를 선택해 모바일이나 웹 화면 크기의 틀을 만듭니다.

  3. 도형과 텍스트 추가하기

    사각형, 텍스트 도구 등을 이용해 화면 안에 원하는 디자인 요소를 배치합니다.

  4. 링크 공유해 팀원과 함께 보기

    오른쪽 위 "공유" 버튼으로 링크를 만들면 팀원이 실시간으로 함께 디자인을 보고 댓글을 남길 수 있습니다.

  5. 왜 유용할까?

    디자이너와 기획자, 개발자가 각자 파일을 따로 주고받지 않고, 하나의 파일을 실시간으로 함께 보고 수정하며 소통할 수 있습니다.

디자인 실무 협업의 표준 도구입니다

설치 없이 브라우저에서 바로 작업할 수 있고, 여러 명이 동시에 같은 파일을 편집할 수 있어 디자이너와 개발자, 기획자가 함께 일하는 실무 환경에서 널리 쓰입니다.

미로 화이트보드 사용법도 함께 확인해보세요

디자인 이전 단계의 아이디어 정리가 필요하다면 미로 화이트보드 사용법도 참고해보세요.

자주 묻는 질문

피그마는 무료로 사용할 수 있나요?

네, 개인이나 소규모 팀은 무료 플랜으로도 대부분의 기능을 사용할 수 있습니다.

디자인을 실제 코드로 바로 변환할 수 있나요?

피그마 자체가 코드를 생성해주지는 않지만, 개발자가 요소별 CSS 속성값을 확인할 수 있는 "코드 보기" 기능을 제공합니다.