피그마 사용법과 반드시 설치해야하는 플러그인 정보
이번 글에서는 Figma로 만드는 인터랙티브 프로토타입을 더욱 자세하게 다뤄보려고 합니다. 요즘 UI/UX 디자인에서 사용자 경험을 늘릴려면요. 단순히 정적인 화면이 아니라, 클릭과 애니메이션이 포함된 인터랙티브 프로토타입이 필수인데요. Figma는 이런 프로토타입을 손쉽게 만들 수 있는 도구를 갖추고 있습니다. 자, 인터랙티브 프로토타입 제작 과정을 단계별로 알아보겠습니다. Figma로 만드는 인터랙티브 프로토타입 – 클릭 한 번으로 생동감 더하기 디자인 작업을 … Read more
최근 몇 년간 다크 모드가 대세로 자리 잡고 있는데요. 스마트폰부터 웹사이트까지 다양한 플랫폼에서 다크 모드를 지원한다죠. 사용자들에게는 하나의 필수적인 요소로 느껴지고 있답니다. 특히, 눈의 피로를 줄여주고 배터리 소모를 줄여준다는 장점 때문에 많은 서비스가 다크 모드를 기본 설정으로 제공하고 있어요! 디자이너 입장에서는 라이트 모드와 다크 모드를 모두 고려해서 디자인을 제작해야 하는 부담이 있는데요. 하지만 Figma를 활용하면 … Read more
1. Auto Layout + AI 스타일 추천 Figma의 Auto Layout은 단순 정렬뿐만 아니라요.AI가 추천하는 레이아웃 방향, 간격, 패딩 등을 제안해줘요. 실무에선 디자인 스타일 통일 + 빠른 반복 UI 구성에 아주 유용. 2. AI 기반 “Variant 생성” 기능 (컴포넌트 확장) 컴포넌트를 만들 때 자주 쓰는 **Variants (버튼의 다양한 상태 등)**를이제는 AI가 추천하거나 복사할 때 자동 제안해줘. … Read more
Figma가 단순한 디자인 툴 아냐? 라고 말합니다. 이제는…AI 기반의 디자인 도우미로 점점 변화하고 있습니다.최근 업데이트로 Figma에 탑재된 AI 기능들은요.반복 작업을 줄이고, 아이디어 스케치를 빠르게 구체화되고,디자인 초안부터 전달까지의 속도를 눈에 띄게 높여줄수도 있습니다. 이번 글에서는 Figma에 추가된 주요 AI 기능 5가지를 소개하고,실무에서 어떻게 활용할 수 있는지 꿀팁까지 함께 알려드리고자 합니다. 1. 텍스트 자동 생성 (AI Text … Read more
“Figma로도 애니메이션이 됩니까요?”됩니다. 그리고 꽤 잘 됩니다. 와아아아 함성소리! Figma는 UI 디자인 도구이지만,프로토타입 안에서 자연스러운 애니메이션도 구현할 수도 있어요.특히 Smart Animate 기능을 활용하면,부드러운 이동, 페이드, 전환 효과까지 코드 없이 만들 수 있습니다. 이번 글에서는 Figma에서 애니메이션을 만드는 핵심 꿀팁을 알려드리고자 합니다. 1. 애니메이션의 핵심은 “Smart Animate” Figma의 Smart Animate는두 프레임 사이에 있는 오브젝트의 속성 차이를 … Read more
요즘은 디자이너, 기획자, 개발자 할 것 없이 Figma를 안 쓰는 사람이 없죠. 그리고 한번만 쓴 사람도 없어요. 왜냐하면 한번 쓰면 헤어나오지 못하기 때문이라죠. 웹에서 바로 디자인하고, 실시간으로 협업하며,심지어 프로토타입까지 가능한 혁신적인 도구라는것은 틀림없어요. 그런데 이 툴, 어떤 회사가 만들었고, 왜 이런 툴이 나왔을까?그리고 앞으로 Figma는 어디까지 발전할 수 있을까?이번 글에서 한 번 정리해볼게요. Figma는 어떤 … Read more
Figma로 디자인하고, Notion으로 정리하고 있나요?이 둘을 연결만 잘해도 디자인 협업, 피드백, 히스토리 관리까지 훨씬 효과적으로 만들 수 있답니다.특히 스타트업, 프리랜서, 디자인팀이라면Notion + Figma 조합은 거의 필수에 가까운 워크플로우 입니다. 이번 글에서는 Figma를 Notion과 연동하는 실전 방법과실무에서 바로 써먹을 수 있는 팁을 소개할게요. 1. Notion에 Figma 파일 삽입하는 기본 방법 Figma는 Notion에서 미리보기(Preview) 기능을 지원해요.디자인 링크를 … Read more
자자 이제 아래 10가지 질문들을 보고 궁금증을 풀어보세요. Q1. Figma는 설치해야 하나요? A. 아니요!Figma는 웹 기반 툴이기 때문에브라우저만 있으면 바로 사용 하실 수 있는 장점이 큽니다.단, 더 빠르고 안정적인 작업을 원한다면 데스크탑 앱 설치도 가능해요. (Mac/Windows 모두 지원 가능하다죠) Q2. 저장 버튼이 없는데요? A. 자동 저장됩니다.Figma는 작업할 때마다 실시간으로 저장되며,버전 히스토리도 자동으로 기록돼요.‘Ctrl+S’는 필요 없어요! … Read more
“왜 내가 만든 디자인은 뭔가 이상하고 모든게 안맞아 보이고 이상할까?”디자인 감각이 부족한 게 아닐지도 몰라요.레이아웃과 정렬이 안 잡혀 있어서 그래요. 디자인을 예쁘게 보이게 만드는 가장 기본이자 핵심은바로 그리드(Grid)와 정렬(Alignment)이에요. 이건 정말 디자이너가 아니라면 잘 못느낄수도 있어요. Figma에서는 이 두 가지만 제대로 사용해도,누가 봐도 “깔끔하고 좀 디자인을 한다” 소리를 들을지도? 저한테 그런말을 많이 해요. 왜 이렇게 … Read more
디자인 툴을 처음 고를 때 많은 분들이 고민하는 두 가지가 있어요.바로 Figma와 Canva입니다. 하지만 이둘은 매우 달라요. 둘 다 무료로 시작할 수 있고, 웹 기반이라 접근성이 좋기도 하지만용도와 방향성은 확실히 달라집니다. 이번 글에서는 Figma와 Canva의 특징, 장단점, 추천 사용자 유형까지한 번에 정리할까 합니다. 한눈에 비교해 보세요! Figma vs Canva 항목 Figma Canva 설치 여부 웹 … Read more