검색 - IT세상을 바꾸는 힘 지디넷코리아

ZDNet 검색 페이지

'피그마 메이크'통합검색 결과 입니다. (3건)

태그
기간
- 3개월
- 1년
- 1년 이전

재검색

피그마, 디자인·코딩 작업 환경 AI로 통합

피그마가 디자인과 코드 개발을 한번에 작업할 수 있는 환경을 마련했다. 피그마는 '피그마 메이크'를 통해 디자인과 실제 코드 환경을 연결하고 AI 기반 실시간 편집을 지원하는 기능을 공개했다고 9일 밝혔다. 피그마 메이크는 피그마 베타 데스크톱 앱에서 디자인 작업부터 코드 기반 프로토타이핑과 프로덕션 배포 준비까지 한 흐름으로 이어지도록 지원한다. 이번 업데이트 핵심은 실제 운영 환경 또는 테스트용 코드 저장소를 피그마 메이크에 직접 연결할 수 있다는 점이다. 저장소가 연결되면 피그마 메이크가 로컬 개발 서버를 자동 실행하고, 필요한 외부 프로그램을 설치해 실제 사용자와 같은 데이터와 환경을 기반으로 애플리케이션을 피그마 안에서 확인할 수 있다. 사용자는 피그마 메이크에서 코드베이스를 시각적으로 편집하고 변경 사항을 제품에 반영할 수 있다. 여러 디자인 시안을 비교·검토하고 프로토타입으로 동작을 확인한 뒤 확정된 변경 사항을 실제 제품 환경에 적용하는 식이다. 시각적 편집 기능도 강화됐다. 사용자는 코드 요소나 화면 영역을 선택해 레이아웃, 색상, 글꼴 크기, 위치, 효과 등을 조정할 수 있으며 에이전트가 관련 코드 파일을 찾아 수정한다. 인터랙션이나 애니메이션 등 화면 동작 변경이 필요한 경우에는 렌더링된 화면 위 요소에 직접 주석을 달 수 있다. 사용자는 텍스트나 음성으로 변경 내용을 설명하거나 이미지를 추가하고 피그마 프레임을 연결해 에이전트에 더 구체적인 지시를 전달할 수 있다. 피그마 메이크는 채팅 기반 수정과 반복 작업도 지원한다. 사용자는 코딩 에이전트와 대화하며 변경 사항을 만들 수 있고 수정 내용은 미리보기 화면에 즉시 반영된다. 개발 협업에 필요한 깃 워크플로도 포함됐다. 사용자는 디자인 작업과 함께 코드 분기 생성, 변경 사항 저장, 코드 검토 요청 제출 등을 수행할 수 있으며 코드 변경 사항은 풀 리퀘스트를 열기 전까지 로컬 커밋으로 저장된다. 피그마 메이크에서 만든 화면과 페이지, 구성 요소는 피그마 캔버스에 레이어로 붙여넣을 수 있다. 팀원과 피그마 에이전트가 캔버스에서 수정한 내용은 다시 메이크로 가져와 코드에 반영할 수 있다. 피그마는 AI 에이전트가 더 많은 코드를 생성하고 디자인 판단의 중요성이 커지는 환경에 맞춰 시각적이고 협업 중심적인 제품 개발 워크플로우를 강화할 계획이다. 작업이 디자인에서 시작되든 코드에서 시작되든 사용자가 현재 단계에 맞는 도구를 쓸 수 있도록 지원하겠다는 방향이다. 피그마 메이크의 직접 편집, 주석, 채팅, 코드 검토 요청 생성 기능은 지난달 28일부터 제한된 베타 버전으로 제공되고 있다. 베타 기간에는 AI 크레딧이 차감되지 않으며 AI 크레딧 가격 정책은 추후 공개될 예정이다. 이번 베타는 맥 사용자를 위한 베타 데스크톱 앱에서만 제공된다. 얼리 액세스를 원하는 사용자는 대기자 명단에 등록할 수 있지만 대기자 명단 등록이 베타 접근 권한을 보장하지는 않는다.

2026.06.09 15:05김미정 기자

피그마 부사장 "누구나 디자인·개발 동시 가능…韓, 협업 방식 독보적"

"우리는 올해 '피그마 메이크'로 디자이너와 개발자 협업 방식을 개선했습니다. 두 직군이 사용하는 언어를 통합해 작업 속도를 높였고, 인공지능(AI)으로 소통 과정을 유연하게 바꿨습니다. 누구나 자연어로 디자인·개발 가능한 환경을 마련했다는 점에서 의미가 있습니다." 쇼 쿠마모토 피그마 제품 부사장은 최근 지디넷코리아를 만나 올해 성과를 이같이 밝혔다. 쿠마모토 부사장은 올해 피그마가 이룬 성과 두 가지를 꼽았다. 우선 비전문가도 프롬프트 입력만으로 앱을 만들 수 있도록 지원하는 '피그마 메이크' 서비스 출시다. 그는 "엔지니어링 경험 없는 사람도 아이디어를 앱 형태로 시각화할 수 있다"며 "현재 피그마 메이크는 조직 협업 방식을 근본적으로 바꿨다"고 설명했다. 쿠마모토 부사장은 피그마 메이크가 디자인 시스템을 한층 개선했다고 주장했다. 그는 "올해 메이크 재정비를 통해 디자이너와 개발자가 공유하는 표현·컴포넌트 구조를 업그레이드했다"고 밝혔다. 이어 "현재 피그마 사용자 구성도 바뀌고 있다"며 "우리 플랫폼에 디자이너보다 개발자 비중이 더 커지고 있다"고 덧붙였다. 그는 올해 '데므모드'에 추가한 '모델 컨텍스트 프로토콜(MCP) 서버'도 주요 성과로 꼽았다. 이 서버는 개발자가 사용하는 코드베이스와 피그마 디자인을 직접 연결하는 인프라다. 개발자는 화면 전환 없이 작업 환경에서 피그마 디자인 정보를 바로 불러올 수 있다. 그는 "AI가 코드베이스를 자동 분석해 디자인과 매칭해준다"며 "전보다 훨씬 정확하고 신뢰도 높은 코드 작성이 가능해졌다"고 설명했다. 이어 "우리는 MCP 서버를 데브모드 중심 기술로 보고 있다"며 "개발자 생산성 향상을 위한 인프라"라고 강조했다. "韓, 디자이너·개발자 협업 방식 독보적" 쿠마모토 부사장은 "한국에 스타트업부터 글로벌 대기업까지 다양한 고객층이 존재한다"며 "기술에 대한 개방성과 실험적 문화가 매우 인상적"이라고 재차 강조했다. 실제 카카오뱅크를 비롯한 우아한형제들, 강남언니, 당근마켓 등이 피그마 서비스를 활용하고 있다. 올해 피그마가 한국어 버전을 추가하며 대기업뿐 아니라 중소 기업 고객사 수도 늘고 있다. 피그마 내부 보고서에 따르면 국내 코스피 200 기업 중 약 3분의 1이 피그마를 사용하고 있다. 쿠마모토 부사장은 한국 기업들이 다른 나라보다 개발자와 디자이너 협업에 매우 적극적이라고 평가했다. 그는 "작은 스타트업이라도 개발자와 디자이너가 즉시 AI 기능을 실험해 가시적 성과를 내고 있다"며 "대기업도 조직 구조에서 이같은 형태르 보이는 흐름이 뚜렷하다"고 강조했다. 이어 "한국의 협업 문화는 세계적으로도 보기 드문 역동성을 갖고 있다"고 덧붙였다.

2025.12.03 10:58김미정 기자

어도비 인수 거절한 피그마 "AI로 개발·디자인 문턱 낮출 것"

"현재 인공지능(AI)은 코드 작성과 세부 작업을 잘합니다. 그러나 사용자 경험을 100% 만족시킬 순 없습니다. AI 시대 디자인 핵심이 협업인 이유입니다. 엔지니어와 디자이너, 프로덕트 매니저 등 모든 직원이 머리를 맞대고 AI와 협력해야 합니다. 이를 통해 디자인·개발을 더 쉽게 진행할 수 있습니다." 피그마 유키 야마시타 피그마 최고제품책임자(CPO)는 27일 서울 엘리에나 호텔서 기자간담회를 열고 피그마 플랫폼 신기능을 발표하며 이같이 밝혔다. 협업을 통해 아이디어 구상부터 제품 완성까지 이어지는 전 주기를 지원하는 플랫폼으로 자리매김하겠다는 목표를 드러냈다. 피그마는 클라우드 기반 공동 작업툴로, 디자인·프로토타입 작업 효율성을 돕는 솔루션을 제공하고 있다. 연매출은 약 6억 달러(약 8천544억원)다. 2023년에는 기업가치가 125억 달러(약 17조8천억원)로 평가됐다. 2022년 어도비와의 합병 발표 무산 후 시장공개(IPO) 절차에 착수한 것으로 전해졌다. 피그마는 올해 신제품 ▲피그마 메이크 ▲피그마 사이트 ▲피그마 드로우 ▲피그마 버즈'를 소개했다. 여기에 이미지 생성과 편집 속도를 높이는 AI 자동화, 스타일시트 자동 생성하는 '그리드' 기능까지 추가됐다. 피그마 메이크는 AI 기반 프롬프트-투-코드 도구다. 텍스트 설명이나 기존 디자인을 실제 작동하는 프로토타입·애플리케이션으로 자동 변환한다. 초보자부터 전문가까지 누구나 빠르게 아이디어를 탐색하고 수정·보완해 발전시킬 수 있도록 지원한다. 피그마 사이트는 디자이너가 코드나 AI 기능으로 인터랙션과 맞춤화에 제한 없는 동적 웹사이트를 직접 제작하고 게시할 수 있는 제품이다. 피그마 드로우는 피그마 디자인에 새로 추가된 벡터 편집·일러스트레이션 도구 세트다. 디테일과 표현력을 모두 갖춘 디자인을 구현할 수 있다. 피그마 버즈는 브랜드·마케팅팀용 제품이다. 브랜드 일관성을 유지하면서도 비주얼 에셋을 대규모로 제작할 수 있다. 내장된 AI 기능을 통해 마케팅 업무를 올릴 수 있다. 피그마 드로우는 이미지 생성·편집 기능 향상, 문맥에 맞는 자동 제안 기능 등을 통해 작업흐름을 가속화할 수 있다. 야마시타 CPO는 "이번 신제품은 기존 솔루션과 함께 디자인 아이디어부터 개발까지 전 주기를 아우르는 확장성을 갖췄다"며 "우리는 AI 도구를 통해 비디자이너와 개발자도 창작 과정에 참여할 수 있도록 사용자 저변을 넓히겠다"고 강조했다. "디자인·개발 전 과정 자동화…MCP 서버 출시 예정" 야마시타 CPO는 피그마 특장점으로 아이디어부터 제품 출시까지 모든 과정을 지원한다는 점을 꼽았다. 어도비 등 경쟁사가 디자인 일부나 특정 영역에 집중하는 것과 다르다는 설명이다. 그는 "우리는 아이디어에서 웹사이트·앱, 최종 사용자용 제품까지 완성하는 소프트웨어(SW) 제작에 초점을 맞췄다"며 "이 과정에서 개발자, 프로덕트 매니저, 디자이너 등 제품팀 전체가 함께 참여하는 점이 강점"이라고 강조했다. 현재 피그마는 AI 에이전트가 솔루션 내에서 디자인 제작에 원활히 연결될 수 있는 인프라도 구상 중이다. 야마시타 CPO는 "개발자용 IDE 내 코드 에디터에서 AI 에이전트가 피그마 디자인과 직접 연계될 수 있도록 모델 컨텍스트 프로토콜(MCP) 서버를 출시할 예정"이라며 "이를 통해 에이전트가 디자인을 분석하고 자동으로 적합한 코드를 생성할 수 있도록 지원할 것"이라고 설명했다. 사용자들이 피그마 플랫폼에서 프롬프트를 많이 사용하는 만큼 이에 대한 프라이버시도 강력하다는 설명도 이어졌다. 그는 "플랫폼 내 프롬프트 데이터를 다른 데이터와 동일한 프라이버시·보안 기준으로 관리한다"며 "사용자 데이터가 무단으로 열람·활용되지 않으며 팀원들이 프롬프트 히스토리를 안전하게 공유할 수 있도록 설계해 데이터 유출 우려를 막았다"고 말했다. 그는 한국 시장 공략을 본격 공략하겠다는 계획도 밝혔다. 이를 위해 올 초 한국어 오픈 베타를 출시했다. 현재 강남언니와 당근마켓, 카카오뱅크, 우아한형제들 등 국내 주요 IT 기업을 고객사로 뒀다. 국내 커뮤니티 '프렌즈 오브 피그마 서울'에는 1천명 넘는멤버를 보유하고 있다. 야마시타 CPO는 "한국 고유의 타이포그래피, 동아시아 문화적 요소 등 특수한 니즈를 이해하기 위해 노력할 것"이라며 "국내 고객사와 긴밀히 협업 중이며, 이를 통해 새로운 기능 개발에도 영감을 얻고 있다"고 덧붙였다.

2025.05.27 18:51김미정 기자