디자이너 가든의 OPEN 디자인창고

안녕하세요 가든입니다!오랜만에 피그마 강사로써 인사를 드리네요 :) 제가 티스토리를 통해서 피그마 강의 관련 꿀팁들을 많이 알려드렸는데,이번에 좋은 기회로 유데미에서 피그마 기초 입문 수업을 개설하게 되었습니다! 아래의 링크를 누르면 강의의 자세한 정보를 확인할 수 있습니다!https://www.udemy.com/course/figma-jw/?referralCode=2949B6FD1B2C756EAF3F 제가 몇개월 전 런칭한 클래스 101 수업은 uiux디자인에 초점을 맞춰서중급, 고급, 실무 기능을 갖춘 클래스라면 이번 유데미 강의는 피그마 초급 입문자 강의입니다! 완전 기초부터 진행하기 때문에피그마를 처음 접하는 분들, 디자인을 시작하려는 분들, 피그마를 통해 카드뉴스나 포스터, 상세페이지 등다..

피그마 기초 기능 영상에 이어서 기초 기능을 실제 작업물을 만들면서 완벽 마스터하는 영상입니다. 본 영상에서 따라한 실습 파일은 아래에 첨부해두었습니다.ctrl+C해서 본인의 피그마 파일에 붙여 넣어 쓰셔도 되고, 파일 그대로 사용하셔도 문제 없습니다. 피그마를 처음 시작하는 분들은피그마 필수 기초 내용 도형, 텍스트, 펜, 프레임, 레이어 등을 꼭 봐주세요! 의 무료 피그마 강의 영상에 달린 댓글들입니다. "피" data-og-host="class101.net" data-og-source-url="https://class101.net/ko/products/676f9c9805de473a3caf557d" data-og-url="https://class101.net/ko/products/..

매번 발전하는 피그마, 그 중에서도 업데이트 됐을 때많은 피그마 유저들이 환호했던 바로 그 기능, 배리어블(variables)입니다!라이트모드 다크모드 변경 가능하고, 거기에 글로벌 진출할 때 글로벌 영문 모드로 변형하는 방법까지 직접 따라해봐요! 본 영상에서 따라한 실습 파일은 아래에 첨부해두었습니다.ctrl+C해서 본인의 피그마 파일에 붙여 넣어 쓰셔도 되고, 파일 그대로 사용하셔도 문제 없습니다. 배리어블과 꼭 함께 알아둬야 할 피그매 기능 및 개념들 디자인토큰 네이밍 Naming Tokens in Design Systems 번역 설명디자인 토큰의 중요성에 대해서 많은 디자이너들이 알고는 있지만,정작 이게 뭔지 어떻게 디자인토큰 네이밍을 할지 잘 모르는 분들이 많습니다. 저 역시 이..

디자인 토큰의 중요성에 대해서 많은 디자이너들이 알고는 있지만,정작 이게 뭔지 어떻게 디자인토큰 네이밍을 할지 잘 모르는 분들이 많습니다. 저 역시 이 부분을 디자인시스템에 적용하기 위해서 어떤 가이드를 따라해야하나 고민을 많이했는데이미 글로벌 프로덕트 디자이너, 시스템 디자이너들은 Nathan Curtis가 2020년에 포스팅한 Naming Tokens in Design Systems의 가이드를 기반으로 네이밍을 하고 있더라구요! Naming Tokens in Design SystemsTerms, Types, and Taxonomy to Describe Visual Stylemedium.com 그런데 보면 아시겠지만, 영문 기반이라 해석하기가 쉽진 않아요.전체적으로 디자인 요소들을 어떻게 부르는지 알..

이번 영상에는 일관성, 효율성을 위해 꼭 알아야 할 피그마의 기능!다른 디자인 툴에는 없는 스타일과 라이브러리에 대한 파일을 준비했어요! 직접 컬러 스타일, 텍스트 스타일, 효과, 선, 그리고 그리드 스타일까지 지정하고,나중에 수정 사항이 생겼을 때 어떻게 한 번에 바꿀 수 있는지 영상으로 배워봐요! 이 영상과 함께 이어서 보는 피그마 컴포넌트 그리고 배리언츠도 알아갑시다! 본 영상에서 따라한 실습 파일은 아래에 첨부해두었습니다.ctrl+C해서 본인의 피그마 파일에 붙여 넣어 쓰셔도 되고, 파일 그대로 사용하셔도 문제 없습니다. 피그마 강의 모음 피그마 패스파인더 스포티파이 아이콘 따라 만들기 (파일 무료 제공)피그마 패스파인더 기능으로 스포티파이 아이콘 만드는 방법에 대한 영상입니다..

피그마 오토레이아웃 기능에 대한 영상입니다.반응형디자인 uiux 디자인할 때 꼭 알아야합니다! 패딩, 간격, 정렬, 단독 객체, 오토레이아웃 제안 등 모든 내용을 다 담았습니다. 본 영상에서 따라한 실습 파일은 아래에 첨부해두었습니다.ctrl+C해서 본인의 피그마 파일에 붙여 넣어 쓰셔도 되고, 파일 그대로 사용하셔도 문제 없습니다. 오토레이아웃과 함께 배워야 할 컨스트레인트 피그마 컨스트레인트 constraints 완벽하게 이해하기 실습파일 무료 다운피그마 콘스트레인트(constraints) 기능에 대한 영상입니다. 본 영상에서 따라한 실습 파일은 아래에 첨부해두었습니다.ctrl+C해서 본인의 피그마 파일에 붙여 넣어 쓰셔도 되고, 파일 그대로 사용gardendesign.tistory...

피그마 패스파인더 기능으로 스포티파이 아이콘 만드는 방법에 대한 영상입니다.본 영상에서 따라한 아이콘 파일은 아래에 첨부해두었습니다.ctrl+C해서 본인의 피그마 파일에 붙여 넣어 쓰셔도 되고, 파일 그대로 사용하셔도 문제 없습니다. 아래 영상을 봐야 피그마 패스파인더 기능을 이해하고 아이콘을 만들 수 있습니다. 피그마를 처음 시작하는 분들은피그마 필수 기초 내용 도형, 텍스트, 펜, 프레임, 레이어 등을 꼭 봐주세요! 의 무료 피그마 강의 영상에 달린 댓글들입니다. "피" data-og-host="class101.net" data-og-source-url="https://class101.net/ko/products/676f9c9805de473a3caf557d" data-og-url="https:..