본문 바로가기
  • 기록하는 디자이너의 성장 일지

figma4

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