정보

진행일시 

  • 2024년 6월 26일(현지시간) 미국 샌프린시스코 모스코니센터에서 Config 2024 진행됨


Config 2024 신기능 소개

  • Figma AI (Make Design, Make Prototype, Visual Search, Replace Content, Rename Layers)
  • Figma Slides



주요 업데이트 

  • UI3, a redesigned Figma
  • Dev Mode updates (Ready for Dev View, Focus View, More Statuses)



기타 업데이트

  • Code Connect is out of beta
  • Auto layout improvements
  • Responsive prototyping viewer
  • FigJam pages


Figma Slides (open beta)

  • Figma Slides 요금& 사용 안내

    • Figma Slides는 현재 오픈 베타 버전으로 누구나 무료로 이용 가능
    • 베타 기간 동안은 무료이지만, 2025년 초 무료 및 유료 플랜(사용자/월 $3 또는 $5부터 시작)으로 전환될 예정

  • Figma Slides 소개

    • Figma Slides는 디자이너와 팀원을 위한 최초의 프리젠테이션 도구
    • Figma Design의 상세한 기능과 사용하기 쉬운 프리젠테이션 도구를 결합하여 결과를 생동감있게 전달

  • Figma Slides에서 작업할 수 있는 기능

    • 다양한 템플릿을 선택하여 모든 청중에게도 깊은 인상을 남길 수 있는 프리젠테이션 제작
    • 멀티플레이어 및 협업 기능을 사용하여 공동으로 프레젠테이션 자료 만들기, 공유된 발표자 노트와 공동 발표 컨트롤을 사용하여 함께 발표 진행
    • 투표, 의견 조사, 투표 기능을 사용하여 라이브 슬라이드 만들기를 통해 이해관계자들의 피드백을 수집하고 의사 결정 가능
    • Figma Design 도구를 사용하여 슬라이드 디자인 가능

Config 2024 신기능 소개

Figma AI 기능

1. Make Design

• 몇 분 만에 아이디어를 편집 가능한 디자인으로 변환
• 이를 통해 다양한 디자인 가능성과 반복 작업을 빠르게 탐색할 수 있으며, 초기 탐색 과정을 수작업으로 완성하는 데 필요한 노력을 줄여줌

2. Make Prototype

• 디자인을 빠르게 인터랙티브 프로토타입으로 변환

3. Visual Search

• 이미지와 디자인을 사용하여 팀 또는 조직에서 만든 유사한 디자인 및 컴포넌트를 검색
• 에셋 탭에서 이름을 기억하지 않고도 필요한 구성 요소를 찾을 수 있음

4. Replace Content

• 어조를 변경하여 텍스트를 다시 써주고, 다른 언어로 변역해주며, 디자인에 맞게 텍스트를 요약해줌

5. Rename Layers

• 클릭 한 번으로 모든 레이어에 의미가 있는 이름을 지정하여 파일을 구성

주요 업데이트

UI3, a redesigned Figma

UI3 사용 안내

새로운 Figma 디자인 UI(UI3)는 현재 제한된 베타 테스트 진행 중
현재 사용이 불가하며, 몇 달 안에 피그마 사용자에게 제공될 예정

UI3 업데이트 내용

사용 편의성, 작업 흐름에 대한 인체 공학적 설계, Figma 제품 간 일관성을 위해 Figma를 재디자인 더 친숙한 인터페이스와 좋아하는 도구를 찾는 새로운 방법 제공

Dev Mode updates (Ready for Dev View, Focus View, More Statuses)

Dev Mode 업데이트 사용 안내

개발 모드 기능은 현재 사용 가능하지만, 플랜 또는 사용자 라이센스에 따라 제한이 있을 수 있음

Dev Mode 업데이트 내용

Status Updates : 디자인에 진행 상황 상태를 지정할 수 있으며, 팀원은 변경 사항에 대한 알림을 받을 수 있음 Ready for Dev View : 개발 준비가 완료된 항목을 한 곳에서 확인 가능 Focus View : 현재 개발 중인 디자인만 표시하여 캔버스(=피그마 작업영역)을 깔끔하게 관리 Code Connect : 디자인 시스템 및 엔지니어링 팀이 구성 요소 코드를 개발 모드로 가져올 수 있는 툴

기타 업데이트

Code Connect is out of beta

  • 코드 연결은 디자인 시스템 및 개발 팀이 구성 요소 코드를 개발 모드로 가져올 수 있는 도구
  • 연결된 코드 스 니펫이 있는 구성 요소를 검토할 때 개발자는 자동 생성 코드 대신 라이브러리의 디자인 시스템 코드를 볼 수 있음


Auto layout improvements

  • 새로운 기능과 직관적으로 오토 레이아웃을 효과적으로 사용 가능
  • Apply Auto Layout to nested frames : 오토 레이아웃을 여러 중첩된 프레임에 한 번에 자동으로 적용 가능 
  • Ignore Auto Layout (formerly absolute position) : 오토 레이아웃 프레임에 객체를 넣으면 절대 위치로 설정
  • On-canvas alignment preview : 옵션에 따라 디자인이 어떻게 변경되는지 선으로 나타나 캔버스에서 바로 확인 가능
  • 오토 레이아웃 프레임 내의 객체 순서 변경을 직관적으로 제공



Responsive prototyping viewer

  • 프로토타입 뷰어 모드에서 콘스트레인츠와 오토 레이아웃 설정에 따라 반응형으로 디자인 크기 조정 가능
  • 반응형은 프리젠트와 프리뷰 및 피그마 모바일 앱에서 확인 가능



FigJam pages

  • FigJam의 페이지가 추가되었고 해당 기능은 모든 사용자 사용 가능
  • 작업 그룹 간 또는 개인 간의 활동을 위한 개별 공간 생성 가능
  • FigJam에서 진행하는 정기 회의를 페이지 간에 분산하여 보드 크기와 로딩 시간 단축
  • 페이지 간에 별도의 작업 범위 분리 가능

Text & media

The other sections are styled to help you create beautiful, high-converting pages. If you already know exactly what you want, use this section to add text, images, video, audio, etc. and build something completely custom. This is your sandbox — create what you want!

Pricing options

Explain how different pricing options might be valuable to different segments of your audience.

Text (with CTA)

Include supporting information here.

Use this section to explain to potential students the value of your offering. Great copy shows your audience how their life might look after working with you. Start by identifying the problem you're solving. Next, present how their life will be different with the solution you’re providing. Finally, explain why you’re uniquely positioned to provide this solution.

Upsells

Video

FAQ

  • Include questions a potential student may have before purchase.

    Address common questions ahead of time to save yourself an email.

  • Include questions a potential student may have before purchase.

    Address common questions ahead of time to save yourself an email.

  • Include questions a potential student may have before purchase.

    Address common questions ahead of time to save yourself an email.

Additional products

Icons & text

  • Icon & text

    Use an icon and text to communicate the value proposition and share the specific benefits of your offering. What makes it unique in your market?

  • Icon & text

    Use an icon and text to communicate the value proposition and share the specific benefits of your offering. What makes it unique in your market?

  • Icon & text

    Use an icon and text to communicate the value proposition and share the specific benefits of your offering. What makes it unique in your market?