Config 2024에서 발표된 새로운 기능

Config는 제품을 만드는 사람들을 위한 Figma의 연례 디자인 컨퍼런스로, 이틀 동안 커뮤니티를 한데 모아 흥미로운 기능 출시와 업계 전문가들의 강연을 진행합니다.

이 문서에서는 Config 2024에서 발표한 각 기능을 살펴봅니다. 이러한 기능 중 일부는 베타 버전이므로 사용 가능 여부를 표시하고, 추후 변경 사항이 있는 경우 적절히 업데이트할 것입니다.

Figma Design에 AI 사용

Figma AI는 베타 버전일 때 무료이지만 사용에 제한이 있을 수 있습니다. AI 기능이 베타 버전을 종료하면 유료 기능으로 전환됩니다. 전환 시기가 다가오면 미리 안내해 드리겠습니다.

Figma AI를 사용하면 창의력을 막힘없이 발휘할 수 있습니다. 첫 번째 초안에서 최종 제품으로 빠르게 넘어가고 원하는 것을 찾고 흐름을 유지하세요.

Figma의 AI 도구를 사용하여 다음 작업을 수행할 수 있습니다.

• First Draft: 몇 분 안에 아이디어를 편집 가능한 디자인으로 변환합니다. 이렇게 하면 광범위한 디자인 가능성을 살펴보고 빠르게 반복할 수 있어, 처음부터 수동으로 초기 디자인 컨셉을 구축하는 데 드는 수고를 덜어 줍니다.
• 시각적 검색 및 자산 검색: 이미지와 디자인을 사용해 팀이나 조직에서 만든 유사한 디자인과 구성요소를 검색합니다. 이름을 따로 기억하지 않아도 자산 탭에서 필요한 구성요소를 찾을 수 있습니다.
• 레이어 이름 변경: 클릭 한 번으로 모든 레이어에 의미 있는 이름을 지정하여 파일을 정리합니다.
• 프로토타입 만들기: 모형을 인터랙티브 프로토타입으로 빠르게 전환합니다.
• 텍스트 다시 쓰기: 텍스트를 다른 어조로 다시 쓰고, 텍스트를 다른 언어로 번역하고, 디자인에 맞게 텍스트를 줄입니다.
• 이미지 생성 및 배경 제거: 서면 프롬프트를 사용하여 고유한 이미지를 생성하고 편집합니다. 이미지의 배경을 제거하여 주요 피사체를 분리합니다.

Figma는 AI 구축에 있어 우리가 무엇을 하고 있는지와 그것이 어떤 의미인지에 대한 투명성을 유지하고자 합니다. AI에 대한 Figma의 접근 방식 알아보기 ->

개발 모드에 대한 새로운 시각

다음 개발 모드 기능은 현재 사용 가능하나, 요금제 또는 시트에 따라 사용이 제한될 수 있습니다. 아래에서 각 기능의 링크를 클릭하여 자세히 알아보세요.

Figma에서는 팀이 더 나은 제품을 효율적으로 출시할 수 있도록 디자인 및 개발 요구 사항을 모두 지원하기 위해 Figma Design과 개발 모드를 발전시키고 있습니다. 디자이너는 아이디어를 자유롭게 탐색하고 빠르게 반복할 수 있으며, 개발자는 만들 준비가 된 사항, 파일에서 변경된 사항, 개발 방법에 대해 명확하게 알 수 있고 관련 지침을 얻을 수 있습니다.

다음과 같은 개발 모드 기능으로 핸드오프 프로세스를 개선하세요.

• 상태 업데이트: 이제 디자인에 진행 상태를 할당할 수 있고 팀원들은 변경 사항에 대한 알림을 받을 수 있습니다. 디자이너와 개발자 간의 핸드오프는 프로젝트 전반에 걸쳐 여러 번 이루어지므로 기능을 개발할 준비가 되었을 때 소통하는 것이 중요합니다.
• 개발 준비 완료 뷰: 개발 준비 완료 뷰에서는 개발자가 만들 준비가 된 모든 것을 빠르게 찾을 수 있습니다.
• 포커스 뷰: 검사 중인 디자인만 표시하고 다른 디자인을 숨겨서 캔버스의 방해 요소를 최소화합니다.
• Code Connect: Code Connect의 베타 버전이 공식적으로 종료되었습니다! Code Connect는 디자인 시스템과 엔지니어링 팀이 구성요소 코드를 개발 모드로 가져오기 위한 도구입니다. 코드 스니펫이 연결된 구성요소를 검사할 때 개발자는 자동 생성 코드 대신 라이브러리의 디자인 시스템 코드를 볼 수 있습니다.

Figma Slides로 아이디어 발표

Figma Slides는 오픈 베타 버전으로 누구나 사용할 수 있습니다.

Figma Slides는 베타 버전에서 무료입니다. 2025년 초에는 무료 및 유료 요금제로 제공되며, 요금제에 따라 사용자당 월 $3 또는 $5로 시작합니다. 시기가 되면 미리 안내해 드리겠습니다.

Figma Slides는 디자이너와 팀원을 위해 만든 최초의 프레젠테이션 도구입니다. Figma Slides는 Figma Design의 강력한 기능과 정확성을 사용하기 쉬운 프레젠테이션 도구와 결합하여 내러티브에 생기를 불어넣는 동시에 일관성을 향상시켜 줍니다.

Figma Slides를 사용하면 다음을 수행할 수 있습니다.

• 유연한 템플릿 중에서 선택하여 청중을 사로잡는 강력한 프레젠테이션을 만들어 보세요.
• 멀티플레이어 및 협업 기능을 사용하여 공동으로 덱을 만들고 발표자 메모 공유 및 공동 발표 컨트롤을 사용하여 함께 프레젠테이션을 진행하세요.
• 설문조사, 정렬 척도, 투표를 통해 실시간 슬라이드를 만들어 이해관계자의 피드백을 수집하고 의사 결정을 촉진하세요.
• 이미 잘 알고 있고 좋아하는 Figma Design 도구를 사용하여 슬라이드 덱 디자인을 맞춤설정하세요.

Figma Slides 살펴보기 →

Figma Design의 새로운 모습

UI3라고도 하는 Figma의 새 디자인은 현재 베타 버전입니다. UI3에 액세스하는 방법 알아보기 →

편의성, 워크플로우를 위한 인체공학 그리고 Figma 제품 전반의 일관성을 위해 Figma를 새롭게 디자인했습니다. 더욱 접근하기 쉬운 인터페이스와 좋아하는 도구를 찾는 새로운 방법을 시작으로, 당사는 Figma가 계속해서 여러분의 상상을 현실로 만드는 도구가 되도록 하는 것을 목표로 합니다. 그리고 이것은 시작에 불과합니다.

새로운 Figma Design UI 살펴보기 →

더 쉽게 디자인하기

다음 업데이트는 누구나 Figma Design에서 사용할 수 있습니다.

반응형 프로토타입 제작과 더욱 직관적인 자동 레이아웃부터 자산 탭에서 UI 키트를 시작하는 것까지 이제 Figma에서 즐겨 사용하는 기능이 원하는 방식으로 작동합니다.

UI 키트

Apple Design Resources, Google Material Design, Figma Design 시스템을 자산 탭으로 바로 가져와서 별도의 디자인 시스템 없이도 디자인을 시작할 수 있습니다. 이러한 고품질 구성요소, 스타일 및 변수를 사용하면 아이디어를 실현하고 다른 사람과 즉시 공유할 수 있습니다.

UI 키트로 디자인 시작하기 →

자동 레이아웃 개선

새로운 기능과 더욱 직관적인 상호작용으로 자동 레이아웃을 더욱 효율적으로 사용할 수 있습니다.

• 중첩된 프레임에 자동 레이아웃 적용: ⌃ Control ⇧ Shift A 또는 ⌃ Control Alt ⇧ Shift A를 사용하여 중첩된 여러 프레임에 자동 레이아웃 프레임을 한 번에 자동으로 적용하려면 자동 레이아웃 제안을 사용합니다.
• 자동 레이아웃 무시(이전의 절대 위치 기능): 개체를 자동 레이아웃 프레임으로 끌어서 절대 위치로 설정하려면 ^ Control을 누른 상태에서 드래그합니다.
• 캔버스 정렬 미리보기: 정렬 드롭다운에서 컨테이너 채우기, 너비 고정 또는 콘텐츠 접 옵션 위로 마우스를 가져가면 캔버스에 선이 표시되어 디자인의 바운딩 박스가 어떻게 변경되는지 알려줍니다.
• 자동 레이아웃 프레임에서 개체를 더 매끄럽고 직관적으로 재정렬할 수 있습니다.
• 자동 레이아웃을 추가하면 프레임의 하위 개체는 고정 너비 대신 사이 공간으로 설정됩니다. 상위 개체의 전체 너비에 맞게 하위 개체의 크기를 조정하면 컨테이너를 채우도록 설정됩니다.

자동 레이아웃 업데이트의 데모를 보려면 Config에서 키노트를 확인하세요!

반응형 프로토타입 뷰어

제약 조건 및 자동 레이아웃 설정에 따라 반응형으로 크기가 조정되는 새로운 프로토타입 뷰어 환경을 통해 모든 화면 크기에서 디자인을 경험해 보세요. 반응형 설정은 프로토타입 뷰(Present 및 Preview)와 Figma 모바일 앱에서 모두 사용할 수 있습니다.

• 컴퓨터에서 프로토타입을 반응형으로 설정 →
• 모바일 장치에서 프로토타입을 반응형으로 설정 →

FigJam의 페이지

FigJam의 페이지는 누구나 사용할 수 있습니다.

이제 FigJam에서 여러 페이지를 만들 수 있어 탐색할 공간이 더 넓어지고 파일 내에 추가적인 구성 층이 생깁니다. 칸막이를 만들어 페이지를 정리할 수도 있습니다.

페이지를 사용하여 다음 작업을 수행할 수 있습니다.

• 작업 그룹 또는 개인 간의 활동을 위한 개별 공간을 만듭니다.
• 페이지 간에 FigJam에서 열리는 정기 회의를 구성하여 보드 크기와 로딩 시간을 줄입니다.
• 페이지 간에 작업 스트림을 분리합니다.

FigJam에서 페이지를 추가하는 방법 알아보기 →

Config 2024 전체 시청하기

라이브에 참석하지 못하셨다면 Config 2024의 키노트와 녹화본을 Figma의 YouTube 채널에서 확인하세요. 다음 주에 더 많은 비디오를 게시할 예정이니 구독하여 최신 소식을 받아보세요!