누구나 개발하고 디자인해요

피그마(Figma) 시작 / 공동작업자 초대 / 작업내용 복사

삼색치즈 2023. 8. 11. 12:28
반응형

피그마에 대해 들어보셨나요?

요즘 매우 HOT!한 협업 툴이지요

기획도 하고, 여기서 디자인도 합니다..!

기획내용을 함께 공유하고, 디자인 산출물도 함께 보는 툴이에요

(물론 혼자 작업하고 혼자만 볼수도 있구요!)

 

피그마 웹사이트로 가볼게요!

 

 

 

▼피그마 사이트 링크

 

반응형

 

https://www.figma.com/

 

그리고 저는 구글계정을 연동해 피그마 로그인을 했어요

아래와 같은 화면의 대시보드가 나옵니다

 

피그마 웹사이트 툴에서도 편집 및 살펴보기 가 가능하지만

확실히 데스크톱 프로그램을 다운받아야, 훨씬 작업하기가 수월하더라고요

다운받는 곳은 이방법으로도 가능해요

왼쪽에 내 계정 이름 옆 화살표를 누릅니다

그럼 이런 화면이 나오는데,

여기서 Get desktop app을 눌러서 설치하면 되요!

 

이 화면이 데스크톱 실행 화면이에요

탭에 자동으로 내가 진행중인 프로젝트들이 나오고 탭을 선택해서 해당 뷰를 볼 수 있어요

 

무료버전에서 팀이 몇개나 생성되는지 아직 저는 알지 못하는데,

팀이 생성 되면, 총 4개의 프로젝트까지 공동프로젝트를 생성 가능해요

두명이상 접근하는 피그마 프로젝트면, 팀을 생성해야만 가능하더라구요

 

제가 팀이 아닌 그냥 프로젝트 하나 만든다음에, 사람한명을 초대하려고 하니

팀문서로 이동시켜야만 초대 가능하더라구요..!

 

프로젝트 개별에서 공동작업자 혹은 공동뷰어(viewer) 초대하기

프로젝트에서 이렇게 Share누른 후, 이메일 입력, Invite(초대)를 누르면 초대가 됩니다!

작업자는 edit까지 가능하고, viewer는 보기만 가능해요

2번과 3번 사이에 선택할 수있는곳이 보일거에요

 

팀 생성후 팀원 초대하기

함께 작업하는게 목표기 때문에 공동작업자 초대하는 방법을 공유드릴게요!

 

1번의 팀 생성 과정은 생략으로,

Cozycat이라는 팀이 생성된거면 우측에 Invite를 누릅니다

+Project는 피그마 페이지 즉 프로젝트 생성이고, 사람아이콘은 현재 함께 하는 팀원들을 보여줍니다

 

 

Invite를 누르면 이렇게 초대할 수 있는 링크를 복사해서 보내면 바로 이 링크를 통해 온 사람은 접근 가능하고

이메일을 통해 초대하고자 하면 아래에 이메일주소를 타이핑해서 Send invie하면되요!

 

피그마 프로젝트 내의 레이어 복사하고 새 피그마에 붙여넣기

혼자 피그마로 작업하다 공동 작업 파일로 넘어갈 상황이 생길 수도 있고,

이전에 작업한 피그마 내용중 다른피그마로 가져와야할 경우도 있어요

 

통채로 피그마를 복제하는 경우(백업을 위한 용도나 버전을 다르게 할 경우)는 간단하게

대시보드에서 파일의 오른쪽 마우스 클릭 후, Duplicate를 누르면 되요

이렇게 두개가 생성이 되있고, 프로젝트 이름을 바꿔서 써도 되겠지요

 

 

그리고 피그마 내부의 레이어 일부나 전체를 다른 피그마에 옮기는 방법은

제가 했던 방법을 공유드려요

 

 

복사를 원하는 피그마 내부의 레이어를 잡고

(다중 선택시 Shift를 누르고 마우스를 끌거나, 개별로 Ctrl을 누르면서 잡을 수 있어요)

마우스 오른쪽 버튼을 클릭 후, 

Copy를 누릅니다

 

이상태에서 복사 단축키 등은 누르지 마시고,

붙여넣기를 원하는 피그마 파일을 열어요

 

이 상태에서 보드에서 마우스 우클릭을 합니다 (레이어창에서 우클릭 하면 안되요)

그리고 Paste here을 누르면

 

이렇게 붙여넣기가 된 걸 볼 수 있어요! 

 

이상 피그마 기본적인 기능인 열고, 프로젝트의 구성원을 초대하고,

프로젝트 다루기에 대해서 간략하게 알아보았어요!

 

도움이 되었다면 좋아요♥를 눌러주세요 :D

또한 피그마로 간단한 설계나 디자인 하는법을 공유드려볼게요

 

감사합니다^^

반응형