Figma로 디자인 쉽게 하기

Figma는 단축키만 잘 써도 작업 속도가 3배 이상 아니 5배이상 빨라집니다.마우스 클릭으로 하던 반복 작업, 복잡한 UI 정렬부터,단축키 하나로 ‘떡하니’ 해결할 수 있어요. 이번 글에서는 디자이너들이 자주 쓰는핵심 단축키 20개를 엄선해 정리했다죠. 처음엔 생소해도 몇 번만 써보면 손에 익고,“어? 끝났네?”라는 말이 나올 겁니다. 기본 조작 – 매일 쓰는 필수 단축키 메모 하세요. 기능 단축키 설명 … Read more

저같은 mbti가 P로 끝나는 사람의 가장 힘든점은요? 디자인은 예술이지만, 프로젝트 관리하기가 힘들다는거에요. 아무리 예쁜 화면을 잘 만들어도,Figma 파일이 뒤죽박죽이면 협업자들이 “이거 어디에요…?”라고 물으면 전 늘 망설이게 돼요. 어딨더라… 휴 프로젝트가 커질수록 중요한 건 바로 ‘정리력’ 이랄까요?이번 글에서는 실무에서 바로 써먹을 수 있는Figma 프로젝트 정리 구조 + 폴더/페이지 관리법을 소개할게요.정리만 잘해도, 일잘러 소리 듣는 건 시간문제 … Read more

디자이너라면 한 번쯤은 써봤을 Photoshop, Illustrator, Adobe XD.. 더 말할것도 없이 많은 툴을 우리는 Adobe에 의존하며 많은 비용을 지불하며 써왔죠.하지만 요즘 팀 디자인 툴의 대세는 단연 Figma죠. 처음엔 낯설고 기능이 부족해 보일 수도 있지만,막상 익숙해지면 “이게 더 편하고 좋잖아?”라는 말이 절로 계속해서 나오죠. 빠르고, 쉽고! 이번 글에서는 Adobe 사용자들이 Figma로 전환할 때헷갈릴 수 있는 차이점, … Read more

슬라이드를 만들려면 윈도우 유저라면 PowerPoint나 저처럼 Apple mac 유저라면 Keynote가 있어야 할까요? 이제는 디자이너뿐 아니라 누구나 Figma로 멋진 발표 슬라이드를 만들 수 있어요.게다가 디자인 퀄리티까지 챙기면서, 협업 + 실시간 피드백까지 가능하니한 번 써보면 발표 준비가 훨씬 수월해질겁니다. 왜 굳이 Figma로 슬라이드를 만들까? 결국 우리는 디자인을 가장 좋게 보여줘야 채택이 되는 운명입니다. 발표가 모든걸 판가름 합니다. … Read more

Figma는 단순히 UI를 디자인하는 툴이 아니고, 솔직히 모든 디자인을 다 할 수 있는 정말 천재적인 툴입니다.디자인한 화면을 실제처럼 동작하게 만드는 프로토타입 기능까지 탑재된,올인원 툴 입니다. 제가 Figma를 극찬 하는 이유중 가장 큰 이유죠. “버튼을 누르면 화면이 넘어가고, 탭을 누르면 내용이 바뀌는”그런 인터랙션을 코드 없이 구현할 수 있는 현존 하는 최고의 툴이랄까요?이번 글에서는 Figma의 프로토타입 기능을 … Read more

이번엔 많은 디자이너들이 궁금해 할거라고 예상하는 우리에게 아주 필수적인“반응형 디자인 Figma에서 Responsive UI 만드는 방법이죠” Auto Layout + Constraints + 스마트 리사이징 조합으로 해보는거죠.Figma에서도 진짜 반응형처럼 동작하는 UI 디자인이 가능하다는 걸 쉽게 알려줄거야! 데스크탑, 태블릿, 모바일 등 다양한 화면 사이즈에 맞게 하고,UI를 자동으로 반응하게 만들어야 하는 경우가 많잖아요.Figma는 코드 없이도 이걸 디자인 단계에서 미리 구현하고 … Read more

Better Font Picker + SkewDat + Vary Font→ 이 조합이면 우리는 완전 글씨에 스타일, 왜곡, 기울기, 감성까지 다 표현 가능해서 더이상 어도비를 사용할 이유가 없어! 지금부터 대표적인 글씨 기울기 및 스타일 변화 플러그인 2개를 아래서 잘 살펴바바. 1. SkewDat – 텍스트 기울기 & 왜곡 효과 플러그인 기능: 사용 예시: 사용법: 참고: SkewDat은 실제로 텍스트를 왜곡하는 … Read more