물들어올 때 노젓는 tldraw 미친 업데이트 속도

트위터 원문

안녕하세요, 이번 포스팅에서는 노코드 툴이나 드로잉 코딩과 관련한 포스팅은 아니고, tldraw 화이트보드를 기반하여 다양한 서비스 사례가 재밌어서 한번 공유해보고자 합니다.

tldraw 팀에서 최근 프리A 투자 유치 이후 채용까지 시작하며 매우 빠르게 재밌는 시도들을 하고 있는데요, 12월 1주차에 있었던 다양한 업데이트 공유드립니다🙌

1/ text-to-tldraw, 자연어로 tldraw 그림판 조작하기

출저 트위터

text-to-tldraw는 GPT4에게 원하는 그림을 자연어로 요청하면 tldraw 캔버스에 자동으로 그려줍니다🪄

웃는 사람부터 집, 다이어그램, 와이어프레임까지 다양한 예시가 있네요.

원리는 Assistant API를 사용하는데요, 인풋으로 현재까지 그려진 shape(객체)의 정보(위치, 관계)를 전달하고, 아웃풋으로 tldraw를 조작하는 명령어를 주게 됩니다. 해당 명령어를 통해 tldraw를 조작하게 됩니다. 아직은 직접 사용해볼 수 없고 내부 테스트중인거 같네요!

🚀가능성 | 웹개발 자비스?!

text-to-canvas 가 더 고도화된다면 몇년안에 캔버스를 그리는 행위조차 없어질거 같네요! 더 나아가 말로 캔버스를 그리게 된다면, 웹사이트 제작까지 이어져서 그야말로 웹개발 자비스가 탄생하는 상상을 해봅니다.

2/ tldraw lens | 그림판으로 예술가되기

출처 트위터

tldraw 팀에서 재밌는 프로젝트를 테스트 오픈했습니다. tldraw의 도구를 사용해서 막그림을 그리면, 실시간으로 멋진 그림이 탄생하는데요,

fal_ai_data의 실시간 그림생성 API를 활용하여 붓질을 하는 순간 바로 새로운 그림을 만들어냅니다! 또한, 다른 사람들과 실시간 공동작업이 가능하다는 특징이 있습니다.

🚀가능성

아직은 원하는 그림을 그리기에는 어려움이 있는데요, 앞으로 예술이나 애니메이션, 아이들 미술 교육에 사용될 수 있을거 같아요!

3/ tldraw draw fast

출처 트위터

사실 얼마전에도 tldraw에서 비슷한 서비스인 tldraw draw fast를 런칭했는데요, 위의 lens와는 다르게 프롬프트를 입력할 수 있어서 더 쉽게 멋진 그림을 그려낼 수 있습니다! 개인적으로 Lens보다 더 재밌게 사용해봤어요.

정말 다양하고 상상력 넘치는 활용사례가 있는데요, 아이들 교육쪽에서 뭔가 재밌는게 나올 수 있지 않을까?라는 생각이 드네요!!

[활용사례]

https://x.com/tldraw/status/1729562588952789099?s=20 https://x.com/tldraw/status/1729499637579436174?s=20

마무리

다음 포스팅에서는 tldraw를 활용한 드로잉 코드 사례들을 가져와보겠습니다!!

(노코드 툴에 관심있는 분들, 함께해요!!!)