개발자 없이도 그림 그리면 코딩해주는 인공지능 AI tldraw Make it real

챗 GPT를 필두로 다양한 생성형 AI가 속속이 등장하고 빠른 시간내에 우리의 삶과 업무방식 산업의 형태 등이 커다란 영향을 미치고 있다.

동영상을 만들어주는거부터 해서 내 목소리를 더빙해주고 내가 물어볼만한 핵심내용만 짚어 글을 써달라고 하면 논문 수준의 훌륭한 글을 몇초만에 만들어준다.
그리고 디자인도 이제는 AI덕분에 디자인의 지식이 없어도 뚝딱 만들수 있는 세상이 되었다.  

AI tldraw

그 중 신선하게 충격적이고 놀라웠던 AI는 바로 이거, 그림을 그리면 코딩을 해주며 뚝딱 개발해주는 AI tldraw 

코딩이라는건 개발자의 몫이고 아무나 할수 없는 접근불가 영역인거 같은데.이제는 AI가 이것도 넘어간다.

그림판에 그냥 끄적끄적거려 남긴 낙서를 코딩을 하여 UI로 만들어준다니 이렇게 만들어주는 기능인 tldraw의 Make it real 기능이다. 쉽게 말해서 생성형 UI이라고 부른다.

ai tldraw의 Make it real

캔버스 위에 만들고 싶은 앱이나 웹사이트의 UI를 간단하게 그린다.
폰트의 크기, 사이즈 , 컬러, 동작 방식, 위치 등에 대한 내용은 간단히 글로 적어준다.

그런 다음 Make real 버튼을 누르면 웹코드가 생성되고 잠시 후에 UI가 만들어진다.

실제도 작동까지 한다. 생성된 코드는 복사해서 활용도 가능하므로 처음 코딩을 배우는 사람이라면 이 AI를 적극 사용하는것도 큰 도움이 될 거 같다.

아니면 웹페이지나 앱을 만들고 싶은데 비싼돈을 주고 개발을 맡기기 전에 이렇게 한번 테스트로 시뮬레이션을 돌려보는것도 좋을거 같다.

당연히 완성된 결과물은 간단한 수정 작업이 추가로 가능해서 계속해서 디벨롭을 할 수 있다.  


어느정도까지 구현이 되느냐..단 한시간만에 간단한 게임 앱을 만들수 있다. 
건반을 누르면 소리가 나게 하는 앱을 만들어달라고 하니, 건반 그림이 그려지고 놀랍게도 건반을 누르면 진짜 소리가 난다.


베이렛 니콜라스라는 디자이너는 Make it real 활용해서 유명인사 이름 맞추기 게임을 만들었는데 게임의 규칙을 간단히 쓰고 대충 스케치로 그림을 그렸고 약 1시간동안 프롬프팅을 반복했더니 지금 바로 출시해도 문제 없는 훌륭한 게임앱이 완성되었다.

 각자 성격이 다른 AI끼리가 합쳐진다면 정말 놀라운 혁신이 일어날지도 모르겠다는 생각이 들었다. 그러면서도 또 한편으론 디자이너와 개발자의 일자리가 더 줄여질수도 있겠다는 생각도 들었다.   어떤 곳에선 프론트 엔드 개발의 종말이라는 말이 나올정도니

아직까지 tldraw을 전적으로 의지해 개발을 하는 단계까진 아니고 단지 아이디어를 도출하고 프로토타입 단계에서 참고할만한 기능으로 유용하다고 한다. 

하지만 내 생각에는 기술을 계속 발전하고 새로운 AI는 계속 탄생할 거고 분명 빠른 시일 내에 훨씬 진화된 모습으로 나타날 것이다. 

1년 전만해도 AI를 사용하는 우리의 모습을 상상도 못했으니까.