본문 바로가기

React-Native

[React-Native] BuilderX로 쉽고 간편하게 디자인하기

BuilderX

BuilderX is a browser based design tool that codes React Native & React for you

BuilderX는 리액트와 리액트 네이티브를 코딩하는 브라우저 기반 디자인 툴입니다.


BuilderX를 접하게 된 계기는 구글링을 통해서였습니다.

필자는 리액트 네이티브 개발을 공부하면서 편리한 UI/UX 디자인 툴이 없을까 생각하다가

검색을 통해 BuilderX를 발견했습니다.

builderx.io의 첫 화면

심플한 첫 화면입니다.


builderx.io 소개글

해당 사이트에서 스크롤을 내려보니 소개 사진이 있었습니다,


실행 화면

builderX 실행 화면

해당 서비스는 위에서 언급한 대로 프로그램이 아닌 브라우저 기반의 서비스입니다.

브라우저에서 구동됩니다. 

사진 캡처를 위해 1분만에 컴포넌트들을 배치해보았습니다.

보시다시피 이미 완성되어 있는 컴포넌트를 이용하여 화면을 재배치할 수도 있고,

쉽게 새로운 컴포넌트를 만들어서 재사용할 수 있습니다.

그리고 완성된 디자인은 바로 리액트 네이티브 또는 리액트의 컴포넌트로 추출할 수 있습니다.


결론

디자인을 쉽고 간편하게 하여 개발 속도를 높일 수 있습니다. 서비스의 UX도 편리하여 처음 이용해도 쉽게 사용할 수 있을 거라 생각합니다.

첫 가입시 30일 동안 무료 시험 이용이 가능하며 이후에 매달 15달러 정도로 Personal 이용이 가능합니다.

30일 동안도 상용에서 사용할 수 있어서 충분할 것 같습니다.

'React-Native' 카테고리의 다른 글

[React-Native] 메모장  (0) 2020.06.15
[React-Native] Redux란? (설치, 소개, 예제)  (0) 2020.04.01
[React-Native] 커스텀 버튼 제작  (2) 2020.03.31