피그마에서 200명의 명함을 한방에 제작하다 (ft. 구글 싱크)

피그마의 플러그인을 활용하여 여러 데이터를 자동으로 입력하는 방법을 배워봅시다. 이름, 직함, 연락처, 메일… 하나씩 입력하는 건 끝~!

2. Text 레이어의 명칭을 변경하는데, 이때 “#”를 붙여 작성합니다. (이름, 직함, 연락처, 메일 등)

인기글

3. 우측 정렬은 문제가 없지만 정보를 중앙 정렬로 디자인했을 때 해결 방법 3단계-1단계: TEL+정보, E-mail+정보를 그룹화합니다. -2단계: Auto layout으로 가운데 정렬합니다.-스텝 3: Constraints도 Center에 맞춥니다.4. 명함 설정이 완료되면 Frame1 전체를 드래그하여 컴포넌트화합니다. 5. 그 다음 Alt를 누르고 우선 하나만 복사합니다. 복사된 프레임은 자식 객체가 됩니다. 6. 이 Frame2에서 Export를 활설화하세요. 이때 활성화되지 않으면 내보낼 때 각 프레임을 눌러 활성화해야 합니다. ㅎㅎ 7. 그런 Frame2를 다시 복사해 줍니다. 나머지는 ctrl(cmd)+D를 눌러 행동을 반복합니다. Frame21까지 복사해 드릴게요. 8. 우클릭으로 Plugins의 Google Sheets sync를 활성화하면 창이 나타납니다. 9. Google 시트에 가서 공유를 눌러 제한되므로 ‘링크가 있는 모든 사용자’로 전환합니다. 그리고 링크 카피

10. 플러그인에 링크를 붙이고 그 아래 설정을 Update entire document로 전환합니다. 11. Fatch & Sync를 클릭하면 시트의 데이터가 피그마에 자동 입력됩니다. 12. 내보내기 방법: 피그마 – File – Export frames to PDF…

자주 묻는 질문 Q. 보내는데 한 덩어리로 보내진다면??? 당황하지 말고 각 프레임마다 Export를 활성화하세요! 이를 통해 프레임별 이미지 내보내기가 가능해집니다. 한번만 활성화 해주시면 됩니다.

Q. 작업을 다 했는데 디자인 수정이 됐어요!컴포넌트를 설정한 후 복사해 두었으므로 Frame1에서 디자인을 수정해 주시면 하위 프레임이 자동으로 움직입니다.연습용 구글시트 공유해드립니다.https://docs.google.com/spreadsheets/d/13IPXGQcJhPMhHX4riRScuGFlMyVZ4gOEFak1akboyjQ/edit?usp=sharing

피그마 구글 싱크시트 1 이름 직함 연락처 이메일 김혜지, 대표, 010-1234-5678, [email protected] 전상관, 부장, 010-22-3333, [email protected] 김무진과 차장, 010-4444-5555, [email protected] 이상화 , 사원 , 010-666-77 , [email protected] 안상현 , 사원 , 010-2589-9632 , [email protected] 조성만 , 매니저 , 010-7896-5986 [email protected] 송유라 , 송유라 , 사원 , 010-1234-5678 , [email protected] 오… docs.google.com 오… 오