안녕하세요, Design AI LAB 학습자 여러분! 그리고 ‘나도 디자인 해볼까?’ 고민하는 모든 분들! 👋
저는 ‘Learning Design & AI Together’라는 슬로건 아래, 새로운 AI 도구를 직접 써보고 그 과정에서 얻은 생생한 노하우를 공유하는 블로거입니다. 오늘은 제가 Figma AI 플러그인을 처음 접하고 사용하면서 겪었던 좌충우돌 경험과, 초보자 눈높이에서 ‘이렇게 해보니 진짜 되더라!’ 싶은 꿀팁들을 솔직하게 풀어볼까 해요. 여러분도 저처럼 시작이 막막했다면, 이 글이 작은 등불이 되어줄 거예요!
1. 도입부: 디자인이 너무 어려웠던 제가 AI를 만나게 된 이야기
처음 디자인을 배우기 시작했을 때, 저는 마치 넓은 바다 한가운데에 떨어진 기분이었어요. 뭘 어디서부터 시작해야 할지, 예쁜 디자인은 어떻게 만드는 건지, 아이콘 하나 만드는 것도 왜 이렇게 어려운지… 막막함의 연속이었죠. 😵💫
특히 Figma라는 툴은 정말 강력하고 멋진 도구였지만, 그만큼 배워야 할 것도 많다고 느껴졌어요. 레이아웃 잡고, 컴포넌트 만들고, 색상 맞추고… 하나하나 손으로 작업하는 게 너무 시간도 오래 걸리고, 결과물은 왜 제가 생각했던 것과 다르게 나오는 걸까요? 좌절할 때가 한두 번이 아니었죠.
그러던 어느 날, ‘Figma AI 플러그인’이라는 걸 알게 되었어요. “AI가 디자인을 해준다고?” 처음엔 반신반의했어요. 기껏해야 이미지 몇 개 생성해주는 수준이겠거니 했죠. 그런데 웬걸! 직접 써보니 이건 정말 디자인 초보에게는 신세계더라고요. 물론 AI가 모든 걸 완벽하게 해결해주는 마법 지팡이는 아니었지만, 제 디자인 작업의 속도를 몇 배로 올려주고, 아이디어가 막혔을 때 힌트를 주는 강력한 조력자 역할을 해주었습니다. ‘아, 나도 이제 디자이너처럼 멋진 결과물을 빨리 만들어볼 수 있겠는데?’ 하는 자신감을 얻게 해준 게 바로 이 Figma AI 플러그인들이었어요. 💖
2. 준비물: 딱 이것만 있으면 AI 디자인 시작! (무료 위주)
걱정 마세요! 거창한 준비물이 필요하지 않습니다. 지금 바로 시작할 수 있게 가장 기본적인 것들로 알려드릴게요.
- Figma 계정: 무료로 가입해서 사용할 수 있습니다. Figma는 웹 기반 툴이라 별도 설치 없이 웹 브라우저만 있으면 돼요. Figma 웹사이트에서 가입하세요!
- Figma 파일: 새 파일을 만들거나, 기존에 작업하던 파일을 열어도 됩니다. AI 플러그인은 이 파일 안에서 작동하니까요.
- AI 플러그인: 가장 중요한 부분이죠! 여러 AI 플러그인이 있지만, 오늘은 제가 가장 유용하게 사용했고 초보자도 쉽게 접근할 수 있는 Magician (by Diagram) 플러그인을 기준으로 설명할게요.
- Magician: 이 플러그인은 텍스트 생성, 아이콘/이미지 생성, UI/UX 흐름 제안 등 다양한 AI 기능을 제공해요. 대부분의 기능은 무료로 사용 가능하며, 일부 고급 기능이나 사용 횟수에 제한이 있을 수 있습니다. 무료로도 충분히 강력하니 걱정 마세요!
3. 따라하기: Figma AI 플러그인, 이렇게 써보세요!
자, 이제 실전입니다! 저만 믿고 천천히 따라오세요. 제가 처음 했을 때의 막막함을 알기에, 아주 쉽게 설명해 드릴게요.
3-1. 첫 번째 단계: Figma AI 플러그인 설치하기
- Figma를 열고, 왼쪽 상단에 있는 햄버거 메뉴 아이콘 (세 줄)을 클릭하세요.
- 메뉴에서
Plugins>Find more plugins...를 선택합니다. - 새로운 창이 뜨면 검색창에
Magician이라고 입력하고 엔터를 치세요. - 검색 결과에 Magician (by Diagram) 플러그인이 보일 거예요. 옆에 있는
Install버튼을 클릭하면 설치 끝! 참 쉽죠?
이제 Magician 플러그인을 사용할 준비가 완료되었습니다.
3-2. 두 번째 단계: Magician 플러그인 실행하고 AI에게 명령어 주기
이제 설치한 Magician 플러그인을 실행해서 AI에게 내가 원하는 디자인을 만들어달라고 해볼 거예요. AI에게 주는 명령어를 우리는 흔히 ‘프롬프트’라고 하는데, 어렵게 생각하지 말고 친구에게 “야, 이거 좀 만들어줘!” 하듯이 편하게 말하면 됩니다.
예시 1: UI 화면 빠르게 만들기
제가 제일 많이 써먹는 기능이에요. 텅 빈 캔버스에 어떤 화면을 만들어야 할지 막막할 때 AI에게 물어보는 거죠.
- Figma 캔버스(작업 화면)에서 아무것도 선택하지 않은 상태에서 마우스 오른쪽 버튼을 클릭하세요.
- 메뉴에서
Plugins>Magician을 선택하면 Magician 창이 뿅 하고 나타납니다. - Magician 창 상단에 여러 탭이 보일 텐데,
Generate UI탭을 클릭하세요. - 이제 AI에게 명령을 내릴 시간!
Prompt입력창에 여러분이 만들고 싶은 UI 화면을 구체적으로 설명해 주세요. - 저의 명령어 예시:
따뜻한 분위기의 반려견 산책 앱 메인 화면을 만들어줘. 지도, 현재 위치, 주변 공원 정보가 포함되면 좋겠어. - 또는:
심플하고 모던한 스타일의 건강 관리 앱 로그인 페이지를 만들어줘. 사용자 이름과 비밀번호 입력란, 로그인 버튼이 필요해. - 명령어를 입력했으면, 아래
Generate버튼을 클릭합니다. - 두근두근… 잠시 기다리면 AI가 명령에 맞춰 여러 개의 UI 화면 시안을 만들어 줄 거예요! 그중 마음에 드는 것을 선택해서 캔버스에 추가하면 됩니다.
보세요! 텅 비었던 캔버스에 순식간에 멋진 화면이 생겼죠? 이걸 바탕으로 여러분의 아이디어를 더하고 수정하면 돼요.
예시 2: 아이콘이나 이미지 빠르게 만들기
텍스트 설명만으로 딱 맞는 이미지를 찾기 힘들 때, AI의 도움을 받아보세요.
- Magician 플러그인 창을 다시 열고, 이번엔
Generate Image탭을 클릭하세요. Prompt입력창에 원하는 이미지나 아이콘을 설명해 주세요.- 저의 명령어 예시 (아이콘):
귀여운 고양이 발바닥 모양의 아이콘, 분홍색 패드가 선명하게 보이게 - 저의 명령어 예시 (이미지):
푸른 하늘 아래 펼쳐진 넓은 유채꽃밭, 따뜻한 햇살이 비치는 풍경 Generate버튼을 클릭하면 AI가 몇 초 안에 명령에 맞는 이미지를 생성해 줍니다. 마음에 드는 이미지를 골라 디자인에 활용해 보세요!
이 외에도 Magician은 선택한 텍스트를 더 자연스럽게 수정해주거나, 아이디어 스케치(Wireframe)를 생성해 주는 등 다양한 기능이 있어요. 하나씩 눌러보면서 ‘이런 것도 되네?’ 하고 놀라보세요!
4. 내가 겪은 실수: 시행착오와 해결법 (솔직 고백!)
제가 처음부터 뚝딱뚝딱 AI를 잘 썼을 리가 없죠! 저도 수많은 실패를 겪으면서 배웠어요. 여러분은 저 같은 실수 하지 마시라고 솔직하게 풀어봅니다.
4-1. 실수 1: AI에게 너무 모호하게 명령했어요 (구체적인 게 최고!)
처음엔 이렇게 했다가 실패했어요: “예쁜 랜딩 페이지 만들어줘” 또는 “좋은 아이콘 만들어줘”
문제점: ‘예쁜’, ‘좋은’ 같은 단어는 AI가 이해하기 어려워요. AI는 우리처럼 감정이나 미적 감각이 없거든요. 추상적인 명령을 내리면 AI는 정말 말 그대로 ‘아무거나’ 만들어주거나, 제가 의도했던 것과는 거리가 먼 결과물을 내놓았습니다. 처음엔 “AI가 별로네” 하고 불평하기도 했죠. 😅
해결법: “구체적으로! 아주 구체적으로!” AI에게 명령할 때는 최대한 자세하게 설명해야 해요. 마치 옆에 있는 디자이너 동료에게 시안을 요청하듯이 말이죠.
- 잘못된 예: “로고 만들어줘”
- 올바른 예:
심플하고 미니멀한 스타일의 커피숍 로고. 커피콩이나 라떼 아트 모양이 들어갔으면 좋겠고, 색상은 따뜻한 베이지 계열로 해줘.
이렇게 구체적으로 설명하기 시작하면서, AI가 제가 원하는 결과물에 훨씬 가까운 디자인을 생성해주기 시작했어요. 필요한 요소, 스타일, 색상, 분위기 등을 최대한 자세히 적어보세요!
4-2. 실수 2: AI가 모든 걸 다 해줄 거라 너무 믿었어요 (AI는 보조 역할!)
처음엔 이렇게 했다가 실패했어요: AI가 만들어준 결과물을 그대로 가져다 쓰면 완벽할 줄 알았어요.
문제점: AI는 정말 놀랍게도 그럴듯한 디자인을 만들어주지만, 아직까지는 100% 완벽하게 ‘내 의도’를 파악해서 만들어주지는 못해요. 예를 들어, AI가 만든 UI는 예뻤지만, 우리 프로젝트의 특정 브랜드 가이드라인이나 사용자 경험(UX)에 딱 맞지 않는 경우가 많았어요. 이걸 그대로 썼다가 나중에 다시 수정하느라 두 번 일한 적도 있습니다. 😭
해결법: “AI는 강력한 보조 도구일 뿐, 최종 검토와 수정은 나의 몫!” AI가 만들어준 결과물은 ‘초안’이라고 생각하고 시작점으로 삼는 것이 좋아요. AI가 제공하는 아이디어나 뼈대를 활용하고, 그 위에 제가 직접 살을 붙이고 수정하는 거죠. 마치 레고 블록을 AI가 대충 만들어주면, 제가 그걸 가지고 멋진 성을 완성하는 느낌으로요. 이 과정을 거치면서 ‘나만의 디자인’을 만들 수 있게 되고, AI의 장점과 저의 창의성이 시너지를 낼 수 있답니다.
4-3. 실수 3: 유료 기능의 유혹에 넘어갈 뻔했어요 (무료 기능부터 마스터!)
처음엔 이렇게 했다가 실패했어요: Magician 플러그인에 있는 멋진 유료 기능들을 보고 “와, 저거 쓰면 진짜 대박이겠다!” 하고 바로 결제할까 고민했어요.
문제점: 물론 유료 기능들은 훨씬 강력하고 편리한 경우가 많습니다. 하지만 초보자인 저에게 당장 필요한 기능인지, 그리고 무료 기능으로도 충분히 할 수 있는지를 제대로 따져보지 않고 섣불리 유료 결제를 고려했어요. 다행히 주변 선배들의 조언을 듣고 꾹 참았죠!
해결법: “무료 기능을 먼저 충분히 활용하고, 정말 필요할 때 유료를 고려하자!” 대부분의 AI 플러그인은 무료 버전으로도 충분히 많은 것을 할 수 있습니다. Magician 플러그인 역시 마찬가지고요. 무료 기능을 이리저리 사용해보면서 ‘아, 이 기능은 정말 돈 주고 쓸만하겠다!’ 싶은 확신이 들 때까지 기다려 보세요. 혹은 Magician이 아닌 다른 무료 AI 플러그인을 찾아보는 것도 좋은 방법입니다. Figma 커뮤니티에는 수많은 무료 플러그인들이 있으니까요!
5. 마무리: 여러분도 AI와 함께 디자인의 재미에 빠져보세요!
어때요, Figma AI 플러그인, 생각보다 어렵지 않죠? 저는 이 플러그인들을 사용하면서 ‘디자인은 꼭 전문가만 할 수 있는 건 아니구나!’라는 생각을 많이 하게 되었어요. 특히 아이디어가 막히거나, 빠르게 초안을 만들어야 할 때 AI의 도움은 정말 빛을 발합니다. ✨
처음에는 막막하고 어렵게 느껴질 수 있지만, 저처럼 “나도 처음엔 몰랐는데 이렇게 해보니 되더라”는 마음으로 하나씩 시도해 보세요. 시행착오를 겪는 것도 성장의 과정입니다. AI는 여러분의 창의성을 막는 존재가 아니라, 오히려 여러분의 아이디어를 현실로 만들어 줄 수 있는 강력한 파트너가 되어줄 거예요.
Figma에는 Magician 외에도 정말 다양한 AI 플러그인들이 숨어있어요. 하나씩 찾아보고 직접 써보면서 여러분에게 딱 맞는 플러그인을 발견하는 재미도 쏠쏠할 겁니다. 🚀
우리 Design AI LAB에서는 앞으로도 이렇게 실전에서 배우고 느낀 점들을 솔직하게 공유할 거예요. ‘Learning Design & AI Together’ 우리 함께 배우고 성장하면서 멋진 디자인을 만들어 보아요! 다음번에는 더 재미있고 유용한 AI 꿀팁으로 찾아올게요. 안녕! 👋