사용해봐야하는 피그마 AI 기능 for 디자이너 | 매거진에 참여하세요

디자인 세계는 끊임없이 발전하는 세계입니다.

트렌드와 도구는 한 주에서 다음 주로 변하는 것처럼 보이며, 디자이너라면 알겠지만

이러한 변화의 가장 큰 촉매제는 우리가 가장 많이 사용하는 도구에 인공지능(AI)이 통합되면서 일어나고 있습니다.

최근 Figma AI의 출시로 디자이너들은 이제 워크플로우를 원활하게 하고, 업무를 더 생산적으로 만들 수 있는 강력한 새로운 도구들을 손쉽게 사용할 수 있게 되었습니다.

그렇다면 Figma AI가 정확히 무엇을 해줄 수 있을까요?

그 질문에 대해 오늘 블로그에서 다루어보겠습니다! 이 블로그에서는 모든 디자이너가 알아야 할 최고의 Figma AI 기능과

이를 어떻게 디자인 프로세스에 적용하여 선도적인 위치를 유지할 수 있는지 살펴보겠습니다!

디자인에서 AI의 부상

AI는 지난 몇 년 동안 디자인 환경을 변화시키고 있습니다. 한때 복잡했던 작업들이 버튼 클릭 한 번으로 가능해지고, 경험이 많지 않은 사람들도 디자인을 접할 수 있게 되었습니다.

반복적인 작업을 자동화하거나 데이터 통찰을 제공하는 것처럼, AI는 디자이너들이 창의적인 작업을 할 수 있도록 지원하는 방식으로 조용히 디자인의 방식을 혁신하고 있습니다.

Figma는 디자인 혁신의 선두주자 중 하나로, 2023년 FigJam 화이트보드 툴에 AI를 도입하고, 2024년 8월에는 Figma AI라는 더 종합적인 기능을 추가했습니다.

이 새로운 기능은 워크플로우를 간소화하고, 디자이너들이 더 효율적으로 고품질 디자인을 만들 수 있도록 도와주는 도구들을 제공합니다.

이제 Figma AI의 배경 이야기를 들었으니, 본격적으로 주요 기능들을 살펴보겠습니다! 디자인 프로세스에서 사용해야 할 최고의 Figma AI 기능을 확인해 보세요.

1. 비주얼 검색

Figma AI의 비주얼 검색 기능은 디자이너들이 프로젝트 내에서 디자인 요소를 빠르게 찾고 줄이는 데 도움을 줍니다.

이미지를 업로드하거나 캔버스에서 특정 영역을 선택하여 자산을 검색할 수 있습니다.

AI는 팀의 Figma 파일이나 커뮤니티 파일(활성화된 경우)을 스캔하여 원하는 구성 요소, 레이아웃 또는 스타일을 찾아줍니다.

이렇게 하면 수많은 파일을 뒤지는 시간을 절약하고, 창의성에 집중할 수 있습니다.

팁:

• 스크린샷 업로드: 일치하는 구성 요소를 찾을 때 스크린샷을 사용하면 검색 속도가 빨라집니다.

• 특정 영역 선택: 캔버스에서 특정 영역을 강조하여 검색을 정제하고 유사한 디자인 요소를 찾을 수 있습니다.

• 텍스트 쿼리: "둥근 버튼" 또는 "어두운 모드 헤더"와 같은 설명적인 언어를 사용하여 더 정확한 결과를 얻을 수 있습니다.

• 커뮤니티 영감: 비주얼 검색을 사용하여 커뮤니티 파일을 탐색하고 다른 디자이너들의 창의적인 해결책을 발견하세요!

2. AI로 향상된 검색

자산을 찾지 못하는 것은 매우 일반적인 불만 사항입니다. 그래서 Figma AI는 여러 가지 검색 향상 기능을 제공합니다!

AI 향상된 자산 검색은 디자이너들이 검색어의 맥락을 이해하여 빠르게 원하는 것을 찾을 수 있도록 도와줍니다.

전통적인 검색은 파일 이름의 일부나 전체와 일치해야 했지만,

AI는 검색어의 의미를 해석할 수 있어 디자인 시스템 내에서 정확한 파일 이름을 모르더라도 로컬 디자인 요소를 쉽게 찾을 수 있습니다.

팁:

• 설명적인 언어 사용: "기본 버튼"이나 "아이콘이 있는 네비게이션 바"와 같은 구문을 사용하여 구성 요소를 찾을 수 있습니다.

• 기능으로 검색: "입력 필드"나 "드롭다운 메뉴"와 같은 설명자를 사용하여 가장 관련성 높은 결과를 얻을 수 있습니다.

• 다양한 변형 탐색: "헤더"나 "푸터"와 같은 더 넓은 용어를 입력하여 파일 내에서 다양한 디자인 변형과 레이아웃을 찾을 수 있습니다.

• 동의어 사용: 첫 번째 검색 결과가 만족스럽지 않으면 동의어나 관련된 용어를 시도하여 검색을 개선하세요. AI는 맥락을 이해하고 대체안을 제공합니다.

3. AI 콘텐츠 생성

Figma AI의 가장 멋진 기능 중 하나는 바로 콘텐츠 생성 능력입니다.

이 기능은 디자이너들이 모형에 텍스트와 이미지를 빠르게 채워 넣어, 전체 디자인과 어울리는 현실적인 콘텐츠를 생성할 수 있게 해줍니다.

일반적인 스톡 이미지를 사용하는 대신, 더 관련성 있는 콘텐츠를 생성하여 시청자들이 최종 제품을 시각화할 수 있도록 돕습니다.

팁:

• 관련 텍스트 생성: 제품 설명, 헤드라인 또는 사용자 지침 등 의도한 사용자 경험을 반영하는 텍스트를 생성하세요.

• 현실적인 사용자 프로필 생성: 사용자 페르소나를 작성하여 이름, 아바타, 바이오 등을 추가하여 디자인에 맥락을 부여하세요.

• 다양한 시나리오 실험: 텍스트와 이미지의 다양한 조합을 생성하여 디자인 방향과 사용자 흐름을 탐색하세요.

• 클라이언트 발표용 사용: 디자인을 맥락에 맞는 정확한 콘텐츠로 채워 프레젠테이션을 향상시키세요.

4. 즉시 배경 제거

F

igma AI의 즉시 배경 제거 기능은 이미지를 클릭하여 배경을 한 번에 제거하고, 편집할 수 있게 해줍니다.

이 기능은 Jasper AI 기술을 기반으로 하며, 이미지에서 배경을 빠르고 간단하게 제거할 수 있습니다.

팁:

• 모형에 사용: 제품 이미지에서 배경을 제거하여 모형에 쉽게 통합할 수 있습니다.

• 빠른 편집: 프로토타입 제작 및 시각적 발표를 빠르게 진행할 수 있습니다.

• 일관성 유지: Figma 내에서 배경을 제거하여 모든 편집을 일관되게 관리하세요.

5. AI 프로토타이핑

AI 프로토타이핑은 Figma에서 게임 체인저입니다.

몇 개의 프레임을 선택하고 AI 도구를 사용하면 디자이너가 사용자 흐름과 상호작용을 시각화할 수 있는 기능적 프로토타입을 즉시 생성할 수 있습니다.

이 기능은 요소들을 수동으로 연결하거나 전환을 생성하는 과정을 자동화하며, 네비게이션 버튼이나 폼 제출과 같은 일반적인 상호작용을 예측하여

기본적인 프로토타입을 설정하는 시간을 크게 줄여줍니다.

팁:

• 간단한 흐름 시작: 네비게이션이나 간단한 버튼 상호작용 같은 기본 사용자 흐름을 AI 프로토타이핑으로 빠르게 시각화하세요.

• 복잡한 상호작용 다듬기: AI가 기본을 처리할 수 있지만, 맞춤 애니메이션이나 고급 조건 논리와 같은 복잡한 상호작용은 수동으로 다듬어야 합니다.

• 초기 테스트에 활용: AI 생성 프로토타입을 초기 사용자 테스트에 사용하여 개념을 신속하게 검증하세요.

• 다른 AI 도구와 결합: "내용 교체"나 "생성" 기능과 함께 사용하여 프로토타입에 현실적인 콘텐츠와 시각적 요소를 채워보세요.

6. AI 어시스턴트

Figma의 AI 어시스턴트는 디자인 프로세스를 혁신적으로 바꿀 수 있는 도구입니다.

워크플로우를 빠르게 하는 데 필요한 모든 것을 AI 어시스턴트가 제공할 수 있습니다.

디자인 요소 제안, 작업 자동화 또는 일관성 있는 디자인 개선 방법 등 원하는 것을 찾아줍니다.

팁:

• 레이아웃 제안 사용: 새 프로젝트를 시작할 때 AI 어시스턴트를 사용하여 레이아웃 아이디어와 구성 요소 제안을 받으세요.

• 반복 작업 자동화: AI 어시스턴트를 활용하여 요소 정렬, 일관된 스타일 적용, 텍스트 및 이미지 자리 표시자 생성 등의 반복 작업을 자동화하세요.

• 맥락 피드백 받기: 색상 대비나 여백 문제와 같은 디자인 선택에 대해 실시간 피드백을 받아 작업을 개선하고 완성도 높은 결과물을 만들 수 있습니다.

• 플러그인과 결합: 다른 Figma 플러그인과 결합하여 더 효율적이고 역동적인 디자인 워크플로우를 만들어 보세요.

위의 글은 원문을 번역 및 재가공한 글입니다. 원문은 아래에서 확인하실 수 있습니다.

https://www.designity.com/blog/the-best-figma-ai-features-every-designer-should-know