쉬인 디자인 Figma 2025년 5월 Figma 기능 업그레이드 디자인편

🎨 디자인 부문 주요 업데이트

 

✏️ 1. Figma Draw – 이제 벡터 일러스트도 척척!
예전에는 Figma에서 벡터 작업할 때 살짝 아쉬웠던 분들 많으셨죠? 이제는 Figma Draw라는 이름으로 벡터 편집기가 완전히 새로워졌어요! 여러 벡터를 한 번에 선택해서 편집할 수 있고, 도형을 합치거나 나누는 Shape Builder, 글자를 경로에 따라 배치하거나 텍스처 채우기도 가능합니다.

특히 새로 추가된 브러시 도구로 손그림 같은 선을 그릴 수 있는데, 선 굵기까지 자연스럽게 조절돼서 감성적인 아이콘이나 일러스트 작업에 너무 좋아요. 이제 로고나 브랜드 그래픽도 외부 툴 없이 Figma 안에서 다 해결할 수 있겠네요.

📐 2. Grid 레이아웃 – 복잡한 레이아웃도 척척!
Auto Layout만으로는 부족하다고 느끼셨던 분들 주목! 이제 Grid 시스템이 생겼습니다. CSS Grid처럼 2차원으로 요소를 배치할 수 있어서, 대시보드나 갤러리처럼 복잡한 레이아웃을 손쉽게 만들 수 있어요.

특히 개발자에게 넘길 때 CSS 코드랑 바로 연동되니까 핸드오프도 훨씬 깔끔해졌답니다. 디자이너와 개발자 모두 행복해지는 업데이트!

🤖 3. Figma Make – AI 프롬프트로 프로토타입 뚝딱!
“여기에 버튼 하나만 추가해줘” 같은 말을 하면, AI가 알아서 버튼을 만들어주는 시대가 왔습니다! Figma Make는 자연어로 디자인을 명령하면, 코드를 생성해 인터랙티브 프로토타입까지 만들어줘요.

OpenAI Claude 3.5 기반이라 꽤 똑똑하고, 완성된 코드는 바로 수정하거나 웹에 올릴 수도 있답니다. 상상했던 아이디어를 실험해보고 싶은 분들에게 강력 추천!



간단하게 정리하자면~
1️⃣향상된 벡터 일러스트레이션 도구Figma Draw

 

-백터그래픽 편집기가Figma Draw로 전면 개편
-여러 백터 동시 선택/편집, Shape Builder 도구, 텍스터 경로 배치, 패턴/텍스처 채우기, 노이즈/블러 효과추가
- 새 브러시 도구로 다이내믹 스트로크 및 손그림 질감 표현 가능
- 기존에는 플러그인에 의존하던 아이콘,로고, 일러스트제작이 Figma안에서 직접가능
- 색상 변수와 연동하여 모드에 따른 자동 색상 전환 지원.

2️⃣ 새 레이아웃 시스템Grid (그리드 Auto Layout)
- CSS Grid와 유사한 이차원 레이아웃 시스템 도입.
- Auto Layout에서 Grid를 선태해 복잦ㅂ한 레이아웃설계가능.
- Dev Mode와 연계되어 실제CSS코드로 바로 핸드오프가능.

3️⃣ AI 프롬프트로 프로토타입 제작 Figma Make
- 자연어지시로 인터랙티브 프로토타입 제작
- OpenAI Claude 3.5 기반으로, 점진적 단계별 프롬프트 지시 가능
- 완성된 코드를 직접 편집하거나 웹에 원클릭으로 게시 가능.
- 디자인에서 제품화까지 끊김 없는 워크플로우 제공.