본문 바로가기

웹/피그마, 피그잼12

목록 썸네일 이미지 피그마 폰트(구글, 로컬, 한글) 사용법& 폰트 누락 수정 피그마에서 폰트를 사용하는 2가지 방법을 소개합니다. 피그마에서 구글 폰트를 사용하거나, 컴퓨터에 설치된 폰트를 사용할 수 있습니다. 더불어 다른 프로그램에서 디자인 파일을 옮겼을 때 나타나는 폰트 누락 현상의 해결법도 안내합니다. HTML 삽입 미리보기할 수 없는 소스 1. 피그마에서 웹 폰트 사용하기 피그마 구글 폰트 페이지에서 원하는 구글 폰트를 페어링 해서 사용할 수 있습니다. 피그마에서 바로 페어링 할 수 있는 구글 폰트 목록은 다음과 같습니다. 몬세라트 Lato Raleway 오픈 산스 Roboto Source Sans Pro Nunito Ubuntu Lora Josefin Sans 원하는 폰트의 아래에 표시된 'Get this pairing'를 클릭합니다. 이동된 페이지에서 'Get this.. 2021. 12. 12.
목록 썸네일 이미지 피그마 단축키 용도별로 리스트업! 용도별 피그마 단축키를 정리해서 리스트업 해보았습니다. 어떤 프로그램이든 단축키를 알면 편하게 사용할 수 있습니다. 그 중에서도 특히 디자인 프로그램은 도구와 편집 등의 사용이 많아, 단축키를 이용하면 생산성을 높이고 더 효율적으로 작업할 수 있습니다. 지난 포스팅에서는 피그마에 대한 소개와 온라인 버전과 데스크톱 버전의 차이, 기본적인 사용법에 대해 알아보았습니다. 이번 글에서는 본격적으로 피그마를 학습하기 전에, Figma 단축키에 대해 알아보려고 합니다. 피그마에 있는 모든 단축키를 나열하기 보다는 크게 개체에 대한 것, 화면을 보는 방식에 대한 것 등으로 나눠보았습니다. HTML 삽입 미리보기할 수 없는 소스 기존 어도비군과 같은 단축키 선택 : V 펜 : P 텍스트 : T 같은 위치에 객체 복제.. 2021. 12. 10.
목록 썸네일 이미지 피그마 사용법 기초 튜토리얼!(가입부터 버튼 만들기까지) 피그마 사용법을 알고 싶은 분들에게 기본적인 조작 방법과 함께 간단히 버튼 만들기 튜토리얼을 안내하겠습니다. 이 글을 읽으면 피그마를 어떻게 사용해야 하는지 대략적인 감을 잡으실 수 있을 겁니다. HTML 삽입 미리보기할 수 없는 소스 먼저, 피그마에 대해 소개와 요금제(무료, 유료)에 대해 간단하게 짚고 넘어가겠습니다. 피그마 간단 소개 Figma는 스마트폰 애플리케이션이나 웹사이트 등을 디자인할 때 사용하는 UI 디자인 도구로, 다음과 같은 특징을 가지고 있습니다. 무료로 시작할 수 있습니다. 온라인상에 데이터를 저장할 수 있습니다. 웹상에서 편집할 수 있습니다. 디자이너가 아닌 팀원과의 의사소통이 용이합니다. 피그마의 가장 큰 특징은, 공동으로 온라인에서 편집하는 것입니다. 이것이 다른 디자인 도구.. 2021. 12. 9.
목록 썸네일 이미지 피그마 다운로드 해야할까? 온라인 vs 데스크톱 버전 비교 피그마 다운로드해야 할까? 피그마를 시작하려니 이게 고민이됩니다. 이 글에서는 온라인 버전과 데스크톱 버전을 비교하고, 각각의 플랫폼에서 시작하는 방법을 알려드립니다. 피그마는 지난 몇 년 동안 UI/UX 분야에서 그 입지를 확인했습니다. 프로토타입 툴에 불과했던 피그마가 점점 발전해서 나날이 사용자가 늘어가고 있으니, 이번 기회에 함께 피그마를 시작해봅시다! HTML 삽입 미리보기할 수 없는 소스 피그마 소개 피그마는 웹사이트의 프로토타이핑이나 와이어프레임 등을 작업할 때 유용하게 쓰이는 도구입니다. 요즘은 개발기간이 빠르고 프로토타이핑도 빠르게 진행돼서, 프로토타이핑에서 바로바로 디벨롭해서 완성하는 경우가 많아졌습니다. 피그마는 클라우드 시스템에서의 직접적인 소통을 통해 빠른 개발에 최적화되어 있고,.. 2021. 12. 9.