Figma에서 React 코드 변환 간소화
Kombai는 Figma 디자인을 고품질 React 프론트엔드 코드로 변환하도록 설계된 AI 기반 웹 애플리케이션입니다. 개발 핸드오프를 용이하게 하는 데 중점을 두고, 사용자가 각 구성 요소에 대해 클릭 한 번으로 UI 코드를 쉽게 생성할 수 있도록 합니다. 이 도구는 논리적 div를 자동으로 구조화하고 React 구성 요소의 이름을 사람이 읽을 수 있는 방식으로 지정하며, 하드코딩된 치수 없이 플렉스 레이아웃을 위한 CSS를 제공합니다. 최신 반응형 애플리케이션을 지원하며, 버튼 및 입력을 포함한 다양한 폼 요소에 대해 MUI Base 또는 HTML을 사용하여 기능적 구성 요소를 생성합니다.
15개월에 걸쳐 구축된 Kombai는 개발자의 의사 결정 프로세스를 모방하는 정교한 딥 러닝 및 휴리스틱 모델의 조합을 사용합니다. 이는 사용자가 디자인 요소에 태그를 달거나 그룹화할 필요가 없음을 의미하며, 도구는 시각적 레이아웃에 따라 디자인을 지능적으로 해석합니다. Figma 디자인 변환에 뛰어나지만 현재 React 프레임워크만 지원하며, 최적의 기능을 위해 Chromium 기반 브라우저가 필요하다는 점에 유의해야 합니다.
