FREE DESIGN BOX

누구나 디자인을 쉽고 빠르게 할 수 있도록, 다양한 자료를 제공하는 공간입니다 :D

FIGMA 피그마

피그마 강의 스타일 라이브러리 컴포넌트 배리언츠 디자인시스템 연결 + 무료 실습 파일

문가든 2024. 9. 1. 18:00
728x90
반응형

 

이번 영상에는 일관성, 효율성을 위해 꼭 알아야 할 피그마의 기능!

다른 디자인 툴에는 없는 스타일과 라이브러리에 대한 파일을 준비했어요!

 

직접 컬러 스타일, 텍스트 스타일, 효과, 선, 그리고 그리드 스타일까지 지정하고,

나중에 수정 사항이 생겼을 때 어떻게 한 번에 바꿀 수 있는지 영상으로 배워봐요!

 

이 영상과 함께 이어서 보는 피그마 컴포넌트 그리고 배리언츠도 알아갑시다!

 

 

 

 

 

 

본 영상에서 따라한 실습 파일은 아래에 첨부해두었습니다.
ctrl+C해서 본인의 피그마 파일에 붙여 넣어 쓰셔도 되고, 파일 그대로 사용하셔도 문제 없습니다.

 

Style(스타일) & Component(컴포넌트).fig
0.12MB

 

 

 


 

피그마 강의 모음

 

 

피그마 패스파인더 스포티파이 아이콘 따라 만들기 (파일 무료 제공)

피그마 패스파인더 기능으로 스포티파이 아이콘 만드는 방법에 대한 영상입니다. 본 영상에서 따라한 아이콘 파일은 아래에 첨부해두었습니다. ctrl+C해서 본인의 피그마 파일에 붙여 넣어 쓰셔

gardendesign.tistory.com

 

 

 

피그마 컨스트레인트 constraints 완벽하게 이해하기 실습파일 무료 다운

피그마 콘스트레인트(constraints) 기능에 대한 영상입니다. 본 영상에서 따라한 실습 파일은 아래에 첨부해두었습니다.ctrl+C해서 본인의 피그마 파일에 붙여 넣어 쓰셔도 되고, 파일 그대로 사용

gardendesign.tistory.com

 

 

 

피그마 강의 오토레이아웃 공식 파일 번역 완료 무료 제공 이걸로 배우세요!

피그마 오토레이아웃 기능에 대한 영상입니다.반응형디자인 uiux 디자인할 때 꼭 알아야합니다! 패딩, 간격, 정렬, 단독 객체, 오토레이아웃 제안 등 모든 내용을 다 담았습니다.  본 영상에서

gardendesign.tistory.com

 

 

 

피그마 오토레이아웃 올인원 실습 파일 리사이징 최소 최대 넓이 높이값 적용

반응형디자인 uiux 디자인할 때 꼭 알아야하는 피그마 오토레이아웃 기능에 대한 영상과 글을 이전에 업로드했습니다.이번에는 이 오토레이아웃을 실무에 적용해보는 실습 영상과 파일을 준비

gardendesign.tistory.com

728x90
반응형