피그마의 플러그인을 활용하여 여러 데이터를 자동으로 입력하는 방법을 배워봅시다. 이름, 직함, 연락처, 메일… 하나씩 입력하는 건 끝~!
피그마의 플러그인을 활용하여 여러 데이터를 자동으로 입력하는 방법을 배워봅시다. 이름, 직함, 연락처, 메일… 하나씩 입력하는 건 끝~!
![](https://i.ytimg.com/vi/_EYPxnbw12M/sddefault.jpg)
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 시트에 가서 공유를 눌러 제한되므로 ‘링크가 있는 모든 사용자’로 전환합니다. 그리고 링크 카피
![](https://www.datanet.co.kr/news/photo/202207/174549_97940_3928.jpg)
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 오… 오
피그마 구글 싱크시트 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 오… 오
피그마 구글 싱크시트 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 오… 오
![](https://mblogthumb-phinf.pstatic.net/MjAyMjAyMjNfMjQ2/MDAxNjQ1NjAzNTAyNjIz.XbuJIZB5aBQ-s_zMMQZzgb5hNj0EBFQuR6HjqjsyCywg.9CtvSdFR8SqniDcCHHyKhJZ3TJKFpUIP_o-5mAaLRFAg.PNG.cajiman/06_%EA%B5%AC%EA%B8%80_%EB%93%9C%EB%9D%BC%EC%9D%B4%EB%B8%8C_%EB%8F%99%EA%B8%B0%ED%99%94.png?type=w800)