Figma Config 2025_All-in-One 디자인 툴이 되어버린 피그마

안녕하세요! UIUX 디자이너와 프로덕트 디자인을 목표로 취업준비 중인 보정입니다.

디자인을 취업을 준비하시는 분들, 또는 현직 디자이너분에게 도움될만한 피그마 Config 2025 내용을 요약해보았습니다!

그 전에 피그마를 처음 접하시는 분들이 있을거 같아서 피그마에 대해 간략히 알려드리겠습니다.

 피그마 개념

---

 

피그마 로고

 

피그마는 클라우드 기반의 UI/UX 디자인 툴이에요. 실시간 협업이 가능하다는 점이 큰 장점이에요!

디자이너뿐 아니라 기획자, 개발자도 동시에 같은 화면을 보며 의견을 나눌 수 있기 때문에 팀 단위 작업에서 정말 강력한 도구로 자리잡았어요.

 

그럼 이제 바로 Config 요약 내용을 알려드리도록 하겠습니다.

 

*컨피그(Config)가 뭔가요?

클라우드 기반의 디자인 협업 툴 Figma에서 진행하는 컨퍼런스에요.
디자이너를 필두로 개발자, 마케터, 기획자 등 제품을 만드는 사람들을 대상으로 진행돼요. 

 

흥미로운 신규 기능들 요약 (MAKE, SITE, BUZZ, DRAW)

---

이번 Config 2025 행사에서는 프로덕트 디자이너와 마케터 취준생,디자인 현직자까지 주목할만한 강력한 AI 기반의 기능을 선보였는데요.

핵심적인 4가지 기능을 정리해 보겠습니당!

 

🔥 Sites  클릭 한 번으로 웹사이트 페이지가 완성된다고?!

---

피그마 사이트 위치와 기능

가장 제가 관심이 간 기능 중 하나는 바로 Sites인데요!

이 도구는 Figma에서 직접 디자인한 레이아웃을 AI 기반의 코드로 전환하여 빠르게 상호작용이 가능한 웹사이트로 만들어줘요.

복잡한 코드 작업 없이, 심플한 드래그 앤 드롭만으로 웹사이트 제작이 가능한 기능이여서 편리했어요.

자세한 내용은 링크를 달아둘게요~

참고: https://help.figma.com/hc/en-us/articles/31242797809815-Add-or-delete-breakpoints-in-a-webpage

Add or delete breakpoints in a webpage

주요 장점

• 디자인과 개발 사이의 간극 최소화
• 즉각적인 웹사이트 프로토타이핑
• AI 기반 자동 코드 생성 (HTML, CSS, JS)
• 피그마에서 만든 디자인을 사이트로 게시 가능
• 브레이크 포인트 넣을 수 있음이벤트 페이지 단순 정보성 페이지는 개발 없이 만들 수 있을 것으로 기대
  →  페이지 연결이나 간단한 인터렉션 구현 가능
  
  

🚧 Make – 프로토타입 제작도 쉬워져요!

---

 
두 번째는 'Make'입니다.

이 기능은 Anthropic의 최신 AI모델인 Claude 3.7을 활용하여,사용자의 설명이나 디자인에서 실제 작동하는 프로토타입을 손쉽게 생성해 줍니다. 이제 코드를 잘 몰라도 원하는 기능이 담긴 앱 프로토타입을 기존보다 편리하게 제작할 수 있다고합니다.

주요 장점

• 자연어로 앱의 기능을 설명하기만 하면 코드 생성 완료
• AI 기반 코딩 지원으로 개발 속도 향상
• 빠른 시각적 프로토타입 제작 가능
• 프롬프트 입력하면 디자인과 코드 생성
• 버튼 클릭 같은 인터랙션이 가능한 수준으로 UI가 구현되고, 이를 프리뷰에서 확인할 수 있음
• *실제 제품을 만들기에 앞서 아이디어만으로 빠르게 구현하여 눈으로 확인하는 용도
  → 피그마에서는 ‘기능적 프로토타입’이라고 표현함
• 프롬프트에 레퍼런스 이미지를 넣어서 비슷하게 만들어 달라고 할 수 있음

 

📣 Buzz – SNS 마케팅 콘텐츠 제작의 혁신!

미리캔버스, 캔바, 망고보드처럼 활용하기 좋은 툴

세 번째는 'Buzz'입니다.  

브랜드가 승인한 템플릿과 생성형 AI를 결합하여 이메일 마케팅, 소셜 미디어 게시물, 광고 콘텐츠 등을 쉽고 빠르게 만들어낼 수 있더라구요.

피그마에서 이제 카드뉴스와 홍보포스터도 손 쉽게 만들 수 있어서 좋았습니다!

주요 장점

• 브랜드 콘텐츠 제작용 툴
• 예를 들어 카드뉴스 템플릿을 하나 만들어 놓고 대량 생산할 수 있다.
• 콘텐츠 제작 시간 대폭 절감
• 브랜드 일관성을 유지하는 AI 기반 템플릿 활용
• 여러 플랫폼에 최적화된 콘텐츠 자동 생성 가능
  
  

✏️Draw – 벡터 기반의 크리에이티브한 일러스트레이션 기능

---

일러스트에 따로 들어가지않아도 brush 표현 가능

마지막으로 소개할 기능은 'Draw'입니다.

벡터 기반의 일러스트레이션을 손쉽게 제작할 수 있는 강력한 도구인데요.
다양한 브러시와 텍스처 효과를 지원하여 기존보다 쉽게 창의적인 결과물을 얻을 수 있었어요.

어도비에서 왔다갔다 했었는데 이제 그러지않아도 되서 좋네요! 

.

주요 장점

• 스케일 조정이 가능한 고품질 벡터 이미지 제작
• 직관적인 인터페이스와 다양한 브러시 옵션 제공
• AI 기반 자동 일러스트레이션 추천 기능

⭐️ 반응형 그리드

• Use the grid auto layout flow 2열 이상의 콘텐츠가 정렬되어 있는 갤러리
• 대시보드 같은 복잡한 그리드 UI를 개발자가 CSS Grid로 쉽게 구현할 수 있도록 업데이트된 기능 (React, Vue, Angular에서도 동일하게 구현 가능)
• 여러 개의 중첩된 Flex 컨테이너 쓰지 않고 CSS Grid만으로 구현 가능
• 반응형 브레이크포인트 처리 개선: Fill, Hug, Fixed 속성이 CSS Grid의 auto-fill, auto-fit, minmax() 함수와 매핑됨

Use the grid auto layout flow

결론 및 후기

---

새로운 기능들은 디자인과 마케팅 분야에 큰 혁신을 가져올 것으로 생각해요. 

또한 반응형 디자인이 어려웠던 초심자분들에게도 너무나도 큰 기회이고 생산성 효율도 엄청나게 증가할 것 같아요.

저는 반응형 디자인이 굉장히 어려웠어서 인턴기간에도 굉장히 고생했던 기억이 나요. 

그리고 비전공자이지만 UIUX디자이너를 희망하는 사람에게도 빠른 시간 내에 완성도 높은 디자인을 뽑아낼 수 있는 게  좋은 것 같습니다.

여러분은 어떤 기능이 가장 흥미로우신가요? 

앞으로도 Figma의 혁신적인 업데이트 소식을 기대하며 포스팅을 마칩니다.

자세한 내용과 참고내용들은 밑에 남겨두겠습니다! 좋아요와 댓글은 힘이 됩니다.

다음에도 디자인 관련 레퍼런스와 정보들 가져오겠습니다! 
함께 최신 트렌드 디자인 취준 화이팅합시다! 🎉

참고

• 피그마 공식 게시물 - What’s New in Figma: Highlights from Config 2025
• 간단한 리뷰 영상 - Figma Config 2025: 핵심 10분 요약｜피그마 사이트, 메이크, 버즈, 드로우 리뷰
• 자세한 리뷰 영상 - [Config 2025] 바쁜 당신을 위한 출근길 Figma 라이브! 업데이트 1시간 만에 따라잡기
• 디자이너용 실습 예제 - [Config 2025] 이제 피그마도 올인원툴? 업데이트 핵심 요약

 

* 이 포스팅이 유익했다면 공감과 댓글 부탁드려요 *