Niral.ai

Niral.ai는 Figma 프레임을 읽고 React, Angular, Vue, React Native 코드를 낸다. 생성 전에 대상을 고르므로 같은 디자인을 웹 대시보드와 모바일 앱에 함께 쓸 수 있다. 넘기는 일은 한 번이면 끝난다.

Figma 라이브러리의 컴포넌트를 인식해 코드 쪽 대응물과 연결한다. 매핑은 한 번 설정하면 다음 변환에서 그대로 재사용된다. 범용 Figma 플러그인과 갈리는 지점이 여기다.

내비게이션 골격이나 데이터 테이블처럼 앱 단위로 재사용하는 블록을 저장해 새 화면에 넣는다. 비슷한 페이지를 반복해서 만드는 팀은 같은 구조를 매번 다시 생성하지 않는다.

Action Flow는 생성된 화면에 인터랙션과 로직을 붙인다. 버튼과 폼, 상태 변화가 정지된 목업이 아니라 실제 소프트웨어처럼 움직인다. 클릭 가능한 프로토타입과 쓸 만한 프론트엔드 사이의 간격을 메운다.

생성된 레이아웃에는 흔한 화면 크기에 맞춘 브레이크포인트 규칙이 들어간다. 실기기에서 확인하는 일은 남지만, 레이아웃을 세 번 손으로 다시 짜지는 않는다.

Niral.ai는 생성 과정에서 코딩 표준과 접근성 규칙, 보안 정책을 적용한다. 설정한 정책을 생성 코드 전 줄이 충족한다는 것이 회사 설명이다. 결정론적 엔진은 같은 입력에 같은 출력을 돌려주도록 설계됐다.

완성된 코드는 내려받거나 저장소에 바로 커밋한다. AI 코드 생성이 평소 리뷰 절차 안에 머무는 셈이다. 엔지니어가 보는 것은 pull request이지, 누군가 바탕화면에 둔 zip 파일이 아니다.