FIGMA 피그마 가이드 썸네일형 리스트형 [Figma 초보 가이드] 10편. 실무에서 바로 쓰는 Figma 꿀팁 모음 [10편] 실무에서 바로 쓰는 Figma 꿀팁 모음기초는 알겠는데, 뭔가 더 빠르게! 똑똑하게!작업하고 싶을 때 필요한 게 바로 꿀팁과 단축키예요.✔️ 1. 단축키만 알아도 작업 속도 2배!기능단축키Move Tool (이동)VFrame Tool (프레임 생성)FRectangle (사각형)RText (텍스트 입력)TZoom In / OutCtrl + / Ctrl -Group / UngroupCtrl + G / Shift + Ctrl + GDuplicate (복제)Alt + Drag or Ctrl + DTIP: Figma 상단 메뉴 → Help → Keyboard shortcuts에서 전체 단축키 확인 가능!✔️ 2. Shift 키 활용 꿀팁Shift + 드래그: 비율 유지 (정사각형, 정원 만들기)Shif.. 더보기 [Figma 초보 가이드] 9편. Figma vs Canva? 어떤 툴이 나한테 맞을까? [9편] Figma vs Canva? 어떤 툴이 나한테 맞을까?두 툴 다 웹 기반 디자인툴인데, 어떤 게 더 좋을까요?결론부터 말하면…👉 목적과 스타일에 따라 다릅니다!✔️ 공통점부터 짚어보자 항목FigmaCanva웹에서 사용 가능✅✅팀 협업 기능✅ 실시간 커서 공유✅ 댓글, 공유 가능템플릿 제공❌ 기본은 없음 (Community 참고)✅ 수천 개의 템플릿사용 난이도중급초급사용 목적UI/UX 디자인 중심콘텐츠 제작 중심 ✔️ 언제 Figma가 더 좋을까?웹디자인, 앱디자인 등 UI/UX 디자인을 하고 싶을 때개발자와 협업하거나, 프로토타입 연결이 필요할 때컴포넌트, 오토 레이아웃 등 재사용 가능한 구조 설계가 필요할 때실제 제품이나 서비스 디자인에 가까운 작업예: 스타트업 팀에서 앱 설계 중, 디자이너.. 더보기 [Figma 초보 가이드] 8편. 나만의 디자인 템플릿 만들고 저장하기 [8편] 나만의 디자인 템플릿 만들고 저장하기Figma에서 똑같은 구조를 여러 번 다시 만들기 귀찮았다면,템플릿을 저장해두면 작업 효율이 껑충 올라가요!✔️ 디자인 템플릿이란?자주 사용하는 레이아웃, 버튼, 카드 등을 미리 만들어두고필요할 때 불러와서 사용하는 기본 틀이에요.예: 유튜브 썸네일 템플릿, 피드 카드 템플릿, 프로필 레이아웃 등✔️ 템플릿 만드는 방법1️⃣ 원하는 디자인 요소를 완성2️⃣ 모든 객체를 드래그해 하나로 그룹(Group) 만들기3️⃣ Create Component 클릭 (⌥⌘K 또는 Alt+Ctrl+K)4️⃣ 오른쪽 클릭 → Add to Library 또는 팀 라이브러리로 이동TIP: 프로젝트별로 "템플릿 모음" 전용 파일을 만들어 저장하면 나중에 찾기 쉬워요!✔️ 만든 템플릿 .. 더보기 [Figma 초보 가이드] 7편. 플러그인으로 기능 확장하기 – 필수 추천 플러그인 5가지 [7편] 플러그인으로 기능 확장하기 – 필수 추천 플러그인 5가지Figma는 기본 기능도 강력하지만,‘플러그인’을 설치하면 10배 더 편리하게 디자인할 수 있어요!디자이너들이 애정하는 인기 플러그인 5가지를 소개할게요.✔️ 플러그인이 뭐예요?Figma에 기능을 추가로 설치할 수 있는 작은 도구예요.마치 스마트폰 앱처럼, 필요한 기능만 골라 쓸 수 있어요!예: 자동으로 아이콘 불러오기, 이미지를 더미로 채우기, 자동 정렬 등✔️ 플러그인 설치하는 방법1️⃣ 작업 파일에서 오른쪽 클릭2️⃣ Plugins > Browse Plugins in Community 선택3️⃣ 원하는 플러그인 검색 후 Install 클릭!또는 Figma Community에서 직접 검색 가능 ✔️ 추천 플러그인 BEST 5✅ 1. Ic.. 더보기 [Figma 초보 가이드] 6편. 팀 프로젝트, 협업이 쉬워지는 공유 기능 [6편] 팀 프로젝트, 협업이 쉬워지는 공유 기능Figma의 가장 강력한 기능 중 하나는 바로 실시간 협업이에요.슬랙처럼 대화도 가능하고, 구글 문서처럼 함께 편집할 수 있어요!✔️ 1. 실시간 협업의 장점동시에 여러 명이 한 파일에서 작업 가능누가 무엇을 편집 중인지 커서로 실시간 확인채팅창이나 댓글로 의견 주고받기 가능 예: 디자이너와 기획자가 함께 수정하면서 소통할 수 있어요. ✔️ 2. 파일 공유하는 방법1️⃣ 오른쪽 상단의 Share 버튼 클릭2️⃣ 이메일 주소를 입력해 팀원 초대3️⃣ 아래 옵션에서 권한 설정Can view: 보기만 가능Can edit: 편집 가능또는🔗 링크 공유→ Copy link 누르고, 공유 범위 설정Anyone with the link로 바꾸면 로그인 없이도 열람 가.. 더보기 [Figma 초보 가이드] 5편. 컴포넌트? 인스턴스? 재사용 가능한 디자인 쉽게 만들기 [5편] 컴포넌트? 인스턴스? 재사용 가능한 디자인 쉽게 만들기"버튼, 카드, 아이콘을 매번 새로 만들기 귀찮다!"→ 그래서 컴포넌트(Component) 기능이 있어요.✔️ 컴포넌트(Component)란?디자인에서 반복해서 쓰는 요소를 한 번만 만들고 재사용할 수 있는 기능이에요.예: 로그인 버튼, 헤더, 카드 UI 등컴포넌트를 만들어두면 수정도 한 번에 끝나요!원본만 수정하면, 모든 인스턴스(복제본)가 자동으로 바뀌어요.✔️ 인스턴스(Instance)란?컴포넌트로 만든 원본을 복사한 ‘사용본’이에요.→ 원본을 바꾸면 인스턴스도 함께 바뀌어요.단, 인스턴스는 일부 속성만 변경 가능텍스트, 색상은 바꿀 수 있어요크기나 구조는 원본과 연결돼 있어요✔️ 컴포넌트 만드는 방법1️⃣ 원하는 요소(예: 버튼)를 선.. 더보기 [Figma 초보 가이드] 4편. 도형 그리기부터 텍스트 입력까지 – Figma 기본 도구 익히기 [4편] 도형 그리기부터 텍스트 입력까지 – Figma 기본 도구 익히기Figma에서 디자인을 시작하려면 제일 먼저 익혀야 할 게 있어요.바로 도형 그리기와 텍스트 입력!이것만 알아도 기본 화면 구성은 뚝딱 만들 수 있어요.✔️ Figma의 주요 기본 도구상단 툴바에서 사용되는 대표적인 도구들을 소개할게요.(여기에는 툴바 이미지 캡쳐를 넣어주면 좋아요) 도구 이름기능단축키 Move Tool객체 이동VFrame Tool프레임 생성FRectangle사각형 그리기REllipse원형 그리기OLine선 긋기LText텍스트 입력T✔️ 1. 사각형 그리기 (Rectangle)1️⃣ 상단 툴바에서 사각형 아이콘 클릭하거나 R 키 누르기2️⃣ 캔버스에서 드래그해서 사각형 만들기3️⃣ 오른쪽 속성 패널에서 색상, 크기.. 더보기 [Figma 초보 가이드] 3편. 프레임이 뭐야? 캔버스 구조 쉽게 이해하기 초보자도 ‘프레임’ 개념을 쉽게 이해할 수 있도록 아래처럼 풀어봤어요.[3편] 프레임이 뭐야? 캔버스 구조 쉽게 이해하기Figma를 처음 시작하면 도형 그리기 전에 꼭 알아야 할 개념이 있어요.바로 프레임(Frame) 입니다.✔️ 프레임이 뭐야?프레임은 말 그대로 디자인 작업의 기준이 되는 틀이에요.우리가 흔히 말하는 화면 한 장이라고 보면 이해가 쉬워요.예를 들어 앱 디자인을 할 때, ‘홈 화면’, ‘로그인 화면’ 하나하나가 프레임이에요.✔️ 프레임이 중요한 이유프레임마다 크기를 설정할 수 있어요. (예: 아이폰 14 Pro 화면, 웹 1440px 등)각 프레임은 개별 페이지처럼 구분되기 때문에 여러 작업을 정리하기 좋아요.나중에 프로토타입 연결(인터랙션) 할 때도 프레임 단위로 연결돼요.✔️ 프레임 .. 더보기 이전 1 2 다음
