brunch

Figma Config 2025 업데이트 총정리!

Figma로 프로토타입부터 배포까지 한 번에 - 뮹작가

by WAVV


읽기 전에,


✅ 이 글은 이런 분께 추천해요:

Figma 최신 기능과 활용법을 빠르게 파악하고 싶은 디자이너

AI 기반 프로토타이핑, 웹사이트 자동화를 고민 중인 기획자

Config 2025를 실무에 바로 적용해보고 싶은 기획자나 마케터



config.png


2025년 Figma가 달라졌습니다.


디자인, 마케팅, 개발까지 한 번에 끝내는 Config 2025의 핵심 기능을 요약했습니다.

AI로 프로토타입을 만들고, 웹사이트를 배포하고, 콘텐츠까지 자동 제작하는 시대—지금 확인해 보세요.



config_intro.png 이번 Config 2025에서는 디자인의 정의를 새롭게 확장하는 새로운 기능들이 소개되었습니다. (source. Figma Config)



Config 2025,

놓치지 말아야 할 핵심 업데이트 총정리!


2025년에도 어김없이 디지털 크리에이터의 축제, Figma의 연례 컨퍼런스인 Config가 열렸습니다. 창립 10주년을 맞은 Figma에서 올해는 특히 AI를 적극적으로 활용하여 디자인, 개발, 마케팅까지 모든 분야를 연결하는 흥미로운 변화들이 소개됐습니다. 이번 글에서는 놓치면 아쉬울 Config 2025의 핵심 업데이트만 간략하고 명확하게 정리해 보겠습니다.


참고. 2025년 5월 기준, 일부 새로운 기능은 베타기간 동안 유료 사용자에게만 공개되었습니다.



Figma Draw
이제 일러스트도 Figma에서!

config_draw.png source. Figma Config


Figma Draw는 별도의 일러스트 소프트웨어 없이도 간단하게 아이콘, 로고, 그래픽을 만들 수 있게 해 줍니다. 다양한 벡터 브러시와 패턴 채우기, 텍스트 곡선 배치 기능 덕분에 디자인 작업의 폭이 한층 넓어졌죠.


브러시 크기나 질감 설정, 다양한 레이어와 마스크 기능을 이용하면 세부적인 일러스트 작업도 어렵지 않습니다. Figma가 제공한 튜토리얼 파일에서 바로 신기능을 사용해 보실 수 있어요! (파일 링크)



활용 방법:

1. 새 프로젝트에서 'Draw' 기능을 선택합니다.
2. 원하는 브러시와 질감을 선택한 후 벡터 기반의 그림을 그립니다.
3. 패턴 채우기나 텍스트 곡선 배치를 이용해 추가 디자인 요소를 더합니다.
활용 예시:
마케팅용 인스타그램 포스팅 디자인이나 브랜드 로고 작업 시 바로 활용할 수 있어 시간과 비용을 줄일 수 있습니다.




✨ Figma Make
AI가 만들어주는 마법 같은 프로토타입


config_make.png 프롬프트 입력만으로 디자인 프로토타입을 구현해 주는 Figma Make 기능 (source. Figma Blog)


"회원가입 페이지 만들어줘"와 같은 간단한 명령어만으로 실제 작동 가능한 프로토타입을 만들어주는 놀라운 기능입니다. 간단한 자연어 명령어 입력만으로 복잡한 디자인을 자동화하여 구현하고, 실제 인터랙션을 확인할 수 있습니다.


config_make2.png 대화하며 프로토타입을 즉시 수정할 수도 있습니다 (source. Figma help)


비슷한 기능을 가지고 있는 러버블(Lovable)과 비교했을 때는 개인적으로는 아쉬운 수준이지만, Figma안에서 모두 해결할 수 있다는 점이 강력해 보입니다.


loveable.png 참고. AI기반 미친 프로토타입 기능을 가지고 있는 러버블(Lovable)에 대한 소개는 다음 기회에 공유드리겠습니다!


활용 방법:
1. Figma Make 도구에서 자연어 명령어를 입력합니다.
2. 생성된 디자인과 코드 스니펫을 확인하고 필요에 따라 직접 수정합니다.
3. 바로 프로토타입 모드에서 상호작용을 확인합니다.
활용 예시:
서비스 초기 MVP를 빠르게 제작해 사용자 피드백을 받고 개선사항을 발견하는 데 효과적입니다.


더 자세한 Fima Make 기능 소개는 여기를 참고하세요!




⚡️ Figma Sites
디자인에서 배포까지 한 번에!


config_site2.png 반응형 디자인과 블록 조합으로 클릭 몇 번이면 웹사이트 완성! (source. Figma Config)


디자인한 파일을 그대로 웹사이트로 배포할 수 있는 기능입니다. 클릭 몇 번으로 웹사이트를 만들 수 있고, 다양한 레이아웃 및 템플릿을 통해 반응형 웹사이트 제작도 가능합니다.


활용 방법:
1. 프로젝트 파일에서 'Figma Sites' 탭을 선택합니다.
2. 제공되는 템플릿과 레이아웃 옵션을 활용해 페이지를 구성합니다.
3. 클릭 한 번으로 웹사이트를 배포하고 URL을 바로 확인합니다.
활용 예시:
개인 포트폴리오, 이벤트 홍보 페이지, 브랜드 프로모션 사이트 등을 손쉽게 제작하고 관리할 수 있습니다.


config_site.png source. Figma Community


다양한 템플릿은 여기에서 확인하실 수 있어요!




Figma Buzz
AI로 마케팅 콘텐츠를 손쉽게


config_buzz.png 팀 누구나 쉽고 빠르게 온브랜드 콘텐츠 제작 가능합니다. (source. Figma Config)


데이터만 입력하면 소셜 미디어 이미지, 이메일 배너 등 다양한 마케팅 콘텐츠를 자동 생성해 주는 Figma Buzz가 공개되었습니다. 브랜드 템플릿과 입력된 데이터를 바탕으로 자동으로 다양한 크기와 형식의 콘텐츠를 생성합니다.


활용 방법:
1. Buzz 탭에서 브랜드 템플릿과 사용할 데이터를 업로드합니다.
2. 자동 생성된 다양한 콘텐츠 옵션을 확인하고 원하는 것을 선택합니다.
3. 필요하면 수동으로 추가 수정 후 바로 내보내기 기능으로 배포합니다.
활용 예시:
시즌별 캠페인 콘텐츠를 대량 제작할 때 효율성을 극대화할 수 있습니다.




Grid Auto Layout
개발자와 디자이너 협업 강화


config_grid.png 유연한 그리드로 반응형 레이아웃 완성 (source. Figma Config)


새롭게 선보인 Grid Auto Layout은 CSS Grid와 연동하여 디자인과 개발 사이의 간격을 더욱 좁혀줍니다. 이제 디자이너는 Dev Mode에서 바로 CSS Grid 기반의 레이아웃을 시각적으로 설정하고 코드 스니펫을 확인할 수 있습니다.


활용 방법:
1. 디자인 화면에서 Grid Auto Layout을 활성화합니다.
2. Dev Mode에서 CSS Grid 설정을 확인하고 필요에 따라 세부적인 레이아웃을 수정합니다.
3. 개발자는 제공된 코드 스니펫을 바로 복사하여 프로젝트에 적용합니다.
활용 예시:
반응형 웹 디자인 프로젝트에서 개발과의 소통 오류를 최소화할 수 있습니다.




✍️ 마무리하며


올해 Config는 서비스 기획자로서 다음과 같은 시사점을 주었습니다:



통합 워크플로우의 중요성:
디자인부터 배포까지 하나의 플랫폼에서 진행하는 흐름은 사용자 경험을 더욱 매끄럽게 만들어줍니다.


AI의 실무 적용 확대:
프로토타입 제작부터 콘텐츠 자동화까지, AI를 적극 활용해 업무 효율성을 높이고, 빠르게 시장 대응할 수 있게 합니다.


협업의 편의성 증대:
디자인과 개발의 협업이 원활해질수록 서비스의 완성도가 올라갑니다. Grid Auto Layout 같은 도구는 이런 협업을 현실적으로 지원합니다.




Config 2025는 AI 기술과 크리에이티브 툴이 만나 어떤 가능성이 펼쳐질지 다시금 보여준 뜻깊은 행사였습니다. 디자인 및 IT 분야에서 일하는 분들이라면 이번 업데이트를 놓치지 않고 잘 활용하면 업무의 질과 효율성을 함께 끌어올릴 수 있을 것이라 생각합니다.


더 자세한 내용이 궁금하신 분들은 Figma 공식 블로그에서 Config 2025 Recap을 확인해 보세요!





keyword
작가의 이전글오늘도 미뤄버린 To Do가 있나요?