상세 컨텐츠

본문 제목

[UI/UX]패스트캠퍼스 챌린지 36일차 - 피그마 폰트 활용/Google sheet Sync 플러그인

UXUI DESIGN/UXUI DESIGN - STUDY

by 풀짝풀짝 2022. 2. 28. 00:03

본문

반응형

36일차!

36일차는 일찍일찍 쓴다

왜냐면 다음날 삼일절이여서 친구들과 호캉스 약속이 있어서,,

미리쓰고 가는 나의 일,,기,,,

 

사실 챌린지는 잠자기 전에 써야 제맛이긴하다

뭔가 하루를 돌아보는 느낌이여서,,

 

하지만 내일은 서울까지 호텔을 가야하기 땜에 절대적 시간 불가능이 될 듯해서,,

거기다 화요일 휴무여서 월요일에 일 폭탄예정^_____^!

 

 

오늘은 구글 스프레드시트 배웠는데, 넘 어렵다

내가 이걸 쓰긴 할까,,? 라고 생각이 든다 ㅎㅎㅎㅎ

 

 


 

피그마 폰트 활용법


폰트를 선택하는데는 여러가지 이유가 있다.

https://fonts.google.com/


저작권에 상관 없으니 마음대로 사용 가능하다.
여기에서 폰트를 찾아 사용하는 것을 추천한다.

모바일 UI에 많이 사용되는 것은 NOTO SANS!
cjk는 차이나 재팬 코리아의 약자라는 놀라운 사실...

폰트의 두께가 많이 있는 것을 쓴다
왜냐면 두께에 대한 차이를 줘서 사용자에게 변화되는 것을 알려줄 수 있기 때문에


 



Google sheet Sync 플러그인


-링크 통해 들어간다.
:스프레드 시트에 있는 값을 바로 피그마에 적용시키는 기능

 

※사용법 (난이도 상)


1. 구글에서 스프레드시트에 들어간다.
2. -피그마 페이지에서 '//'을 꼭 앞에 붙힌 다음에 페이지를 하나 생성한다.
   -구글 스프레드 시트에서 //을 뺀 이름과 동일하게 이름을 만든다.
3. -피그마의 레이어 앞에 '#'과 이름을 붙혀준다.
   -구글 스프레드 시트에는 #을 빼고 이름만 써준다. (피그마의 #뺀걸 구글 스프레드시트에 붙혀넣기 해라)
   +) bold도 넣어준다!
*이미지는 URL을 직접 넣어줘야한다. 새탭에서 열어서 이미지주소를 넣어주면 된다.
4. 구글스프레드시트에서 공유를 하여 다른사용자도 모두 볼 수 있게 공유한다.
5. 링크를 복사한다.
6. 구글 시프레드로 적용할 컨텐츠들을 프레임으로 묶어준다.
7. 플러그인에서 구글시트 그거 꺼내서 링크를 붙혀넣어준다.
8. 그러면 짠 적용된다.

 

 

이렇게 했는데 사실 난 적용이 안되었다,,

왜인지는 모르..겠다

유튜브 더 찾아봐야하겠지만 쓸일이 있을까 ?!?!?!?!..ㅠ

 




유지보수 협업을 위해 네이밍 일괄수정하기

 


1. 이름을 바꾸려는 레이어들을 모두 선택한다.
2. 컨트롤+R을 누른다.
3. match를 logo라고 예를들어 쓴다.
4. 매치 밑에 #을 넣어서 이름을 바꿔주면 다같이 바껴있는 걸 볼 수 있다.

 

 

 


 

 

오늘은 바로바로 쓰어버리기..~!

피그마는 어려운데, 그냥 xd쓸 때 계란으로 바위치기 느낌으로

무작정 만들면 느는 것 같다.

근데 아무래도 인강은 좀 난이도 있는 것을 알려주시다보니까

따라가기 벅찬 느낌이 있다,,

이는 내가 복습과 연습을 많이 해야하는데 그렇지 못했다는 점 ㅠㅠ

하지만 아무래도 회사에서는 빠르고 효율적으로 일을해야해서 XD를 하다보니까

피그마가 손에 안가는게 넘나 크다.

 

하지만 해야해......!

 

 

 

 

 

 

 

https://bit.ly/37BpXiC

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

 

 

반응형

관련글 더보기