피그마초보3 피그마 기초 화면 완전 정복 - 처음 켜도 안 헤매는 인터페이스 가이드 :) 피그마 기초 화면 정복해 보기 안녕하세요, 디자인 노트입니다! :)피그마를 처음 켰을 때… 그 막막함 다들 아시나요?다른 디자인툴들과 비슷해 보이다가도,,, 뭐가 뭔지 모르겠고, 일단 사각형 하나 그리는 것도 어디를 눌러야 할지 헤매게 되더라고요...! 저도 처음엔 화면만 멀뚱멀뚱 쳐다보다가 3개월 동안은 그저 방치했다가... 그냥 부딪쳐보자 생각하고 하게 되었어요.그런데 알고 보니 피그마 화면은 딱 4개 영역만 이해하면 정말 간단했어요!오늘은 피그마를 막 시작한 분들을 위해, 화면 구성을 영역별로 하나씩 정리해 볼게요.이거 한 번만 읽어두면 더는 화면 보고 안 헤매실 수 있다고 생각해요 ㅎㅎ! 피그마 화면은 크게 4영역으로 나뉘어요피그마 작업 화면은 복잡해 보여도 사실 이렇게 나뉘어요.가운데: 캔버스 .. 2026. 6. 10. 피그마 자동 레이아웃이란? - 써보니 진짜 편하더라고요;) 피그마 자동 레이아웃이란? 안녕하세요, 디자인 노트입니다!오늘은 피그마를 배우면서 처음 접한 자동 레이아웃(Auto Layout) 기능을 소개해드릴게요.솔직히 처음엔 이게 뭔가 싶었는데, 써보고 나서 "왜 이걸 이제 알았지?" 싶었어요 ㅎㅎ! ✅ 자동 레이아웃이란?자동 레이아웃은 요소들의 크기와 간격을 자동으로 맞춰주는 기능이에요.기존 디자인을 할 때, 텍스트가 길어지면 텍스트 박스를 직접 늘리거나 크기를 맞춰줬었어요.하지만 피그마 자동 레이아웃은 그걸 자동으로 해줘서 진짜 편해요! 은근 부가적인 작업 시간을 단축시켜 준답니다;)버튼, 카드, 목록 같은 UI 요소 만들 때 특히 유용하고, 반응형 디자인 작업할 때도 엄청 도움이 돼요. ✅ 자동 레이아웃 적용하는 법방법은 엄청 간단해요!사각형 하나 .. 2026. 6. 3. 디자이너가 피그마 독학을 시작한 이유 + 첫 세팅 방법 디자이너가 피그마 독학을 시작한 이유 안녕하세요, 디자인 노트입니다. 저는 현재 디자이너로 일하고 있어요.포토샵, 일러스트레이터, 인디자인은 매일 쓰는 툴이지만, 사실 피그마는 한 번도 제대로 써본 적이 없었어요. 하지만 주변에서 피그마 얘기가 너무 많이 들리더라고요.UI/UX는 물론이고 협업 툴로도 많이 쓰인다고 해서,늦은 건지는 모르겠지만, 저도 이참에 제대로 배워보기로 했습니다.늦었을 때가 젤 빠르다는 말을 생각하면서요 ㅎㅎ! 그래서 시작한 게 바로 이 블로그예요.피그마를 처음부터 독학하는 과정을 기록하면서, 항상 작심삼일이던 저에게 닦달도 하고,기록도 하면서 저처럼 피그마가 낯선 분들께도 도움이 되었으면 합니다!! ✅ 피그마란?피그마(Figma)는 별도 설치 없이 웹 브라우저에서 바로 사용할.. 2026. 5. 12. 이전 1 다음