본문 바로가기

정보/IT

AI Make Real의 tldraw/그래픽 작업을 간단하고 효율적으로 하자

AI Make Real의 tldraw는 사용자 친화적이고 직관적인 그래픽 도구로, 복잡한 그래픽 작업을 간단하고 효율적으로 수행할 수 있게 해준다. 이 도구는 다양한 사용자, 특히 디자이너, 개발자, 교육자 및 학생들에게 유용할 것으로 보인다. 이 블로그에서는 tldraw를 소개하고 사용 방법을 알아보자.

 

tldraw의 주요 특징

1. 사용자 친화적 인터페이스

tldraw는 직관적인 사용자 인터페이스를 제공하여, 사용자가 쉽게 도형, 텍스트 및 다양한 그래픽 요소를 생성하고 편집할 수 있다.

2. 다양한 그래픽 도구

이 도구는 선, 도형, 텍스트 박스, 화살표 등 다양한 그래픽 요소를 지원하며, 사용자는 이러한 요소들을 활용하여 복잡한 다이어그램, 스케치, 노트 등을 쉽게 만들 수 있다.

3. 협업 기능

tldraw는 팀원들과의 협업을 지원하고, 사용자는 실시간으로 다른 사용자와 그래픽을 공유하고 공동 작업이 가능하다.

4. 사용자 정의 가능성

사용자는 자신의 필요에 맞게 도구를 사용자 정의할 수 있고, 다양한 색상, 크기, 스타일 옵션을 통해 개인화된 그래픽을 만들 수 있다.

 

tldraw 사용 방법

0. OpenAI API 금액 충전

OpenAI API에 충전된 금액이 없다면 아래 링크를 통해 충전부터 하자. 

https://platform.openai.com/account/billing

1. OpenAI API key 생성

tldraw를 사용하기 위해서는 openai key가 필요하다. 아래의 링크를 통해 openai key를 받아두자.

 

https://platform.openai.com/api-keys

2. tldraw 접속

AI Make Real의 웹사이트를 방문하여 tldraw를 시작한다. 별도의 설치 과정이 필요 없으며, 웹 브라우저에서 바로 사용할 수 있다.

 

https://makereal.tldraw.com/

 

make real • tldraw

Draw a ui and make it real with tldraw.

makereal.tldraw.com

3. OpenAI API key 입력

그리고 이전 단계에서 받아둔 OpenAI API key를 입력한다.

 

4. 도안 스케치

웹사이트에 접속하면 바로 그래픽 작업을 시작할 수 있다. 자신이 만들고자 하는 도안을 스케치 해준다. 나는 간단하게 스탑워치를 만들어보기로 했다. 아래와 같이 간단하게 도안을 그렸다. 

 

 

5. Make Real 실행

스케치한 도안을 모두 드래그 한 뒤에 우측 상단에 있는 Make Real을 눌러준다. 

 

시간이 조금 흐른 후에 오른쪽과 같이 내가 그린 도안과 비슷하게 스탑워치를 만들어주는 것을 확인할 수 있다. 

 

잘 작동하는지 확인을 해봤는데, 잘 작동된다. 

 

tldraw 사용자 

tldraw는 사용자 친화적인 인터페이스 덕분에 다양한 분야에서 활용될 수 있을 것으로 보인다. 디자이너, 개발자, 교육자, 그래픽 작업을 그리는 사람 등 다양한 분야에서 활용도가 높을 것으로 생각된다. 한 번쯤 써보는 것도 좋을 거 같다.