This Week in Startups - Drawing the Future with AI featuring tldraw’s Steve Ruiz | E1863
Episode Date: December 13, 2023This Week in Startups is brought to you by… Miro. Working remotely doesn’t mean you need to feel disconnected from your team. Miro is an online whiteboard that brings teams together - anytime, any...where. Go to https://www.miro.com/startups to sign up for a FREE account with unlimited team members. The Equinix Startup program offers a hybrid infrastructure solution for startups, including up to $100K in credits and personalized consultations and guidance from the Equinix team. Go to https://deploy.equinix.com/startups to apply today. NetSuite. Once your business gets to a certain size the cracks start to emerge. Things you used to do in a day take a week. You deserve a customized solution - and that's NetSuite. Learn more when you download NetSuite’s popular KPI Checklist - absolutely free, at http://www.netsuite.com/twist * Today’s show: Steve Ruiz, Founder of tldraw, joins Jason to discuss how Make Real went viral just one week after a recent funding round (5:35), diving into the debate of creating consciousness with AI (20:41), highlighting tldraw's versatility with multiple demonstrations including creating a stopwatch from simple sketches (24:21), and much more! * Timestamps: (0:00) Steve Ruiz, Founder of tldraw, joins Jason. (2:26) The story behind tldraw and exploring its origins. (5:35) Discussing tldraw's business and how Make Real went viral just one week after a recent venture round. (6:46) Understanding “Open Core” (7:59) Demos: tldraw and Make Real, including the creation of a color picker. (12:01) Miro - Sign up for a free account at https://www.miro.com/startups (14:42) Further exploring tldraw demos using Iterations (16:18) How multimodal AI responds to different instructions. (20:41) Are we creating consciousness in AI or merely simulating it? (21:25) Equinix - Join the Equinix Startup Program for up to $100K in credits and much more at https://www.deploy.equinix.com/startups (24:21) More demos! Creating a stopwatch application with varied approaches. (31:21) NetSuite - Download your free KPI Checklist at http://www.netsuite.com/twist (32:42) The future of tldraw and its potential to integrate across various AI models. * Check out tldraw: https://www.tldraw.com Thank you to our partners: (12:01) Miro - Sign up for a free account at https://www.miro.com/startups (21:25) Equinix - Join the Equinix Startup Program for up to $100K in credits and much more at https://www.deploy.equinix.com/startups (31:21) NetSuite - Download your free KPI Checklist at http://www.netsuite.com/twist * Follow Steve X: https://twitter.com/steveruizok LinkedIn: https://www.linkedin.com/in/steve-ruiz-61a150239?originalSubdomain=uk * Follow Jason: X: https://twitter.com/jason Instagram: https://www.instagram.com/jason LinkedIn: https://www.linkedin.com/in/jasoncalacanis * Great 2023 interviews: Steve Huffman, Brian Chesky, Aaron Levie, Sophia Amoruso, Reid Hoffman, Frank Slootman, Billy McFarland * Check out Jason’s suite of newsletters: https://substack.com/@calacanis * Follow TWiST: Substack: https://twistartups.substack.com Twitter: https://twitter.com/TWiStartups YouTube: https://www.youtube.com/thisweekin * Subscribe to the Founder University Podcast: https://www.founder.university/podcast
Transcript
Discussion (0)
First off, to see how well this worked and how much it cut out and to watch people who had never programmed before or never really thought of themselves as folks who can have a creative experience with digital stuff, you know, just try the skids.
Like for the first time, it was incredible. And yeah, it went really, really viral.
This week in startups is brought to you by Miro helps take ideas from in your head to out there in the world with its ability to democratize, collaboration and input.
Sign up for free at mero.com slash startups.
The Equinix Startup Program provides hybrid infrastructure solutions for startups,
including up to $100,000 in credits and personalized consultations and guidance from the Equinix team.
Go to Equinix Startups.com to apply today.
And NetSuite, once your business gets to a certain size, the cracks start to emerge.
Things you used to do in a day, take a week.
You deserve a customized solution, and that's NetSuite.
Learn more when you download NetSuite's popular KPI checklist absolutely free at netsuite.com
slash twist.
All right.
Last week, Sunny Madra and I demoed a really interesting product called Make Real.
It's by a startup called TL Draw.
And Sunny was able to recreate the classic game of Pong in just a few minutes by drawing.
We were completely blown away, AI, and building of products from sketches is generally falls under two pieces of the AI puzzle.
You have multimodal mode where you can take images, text, video, you know, all code, data, and then create output.
And then there's, of course, writing code.
And those are co-pilots, like the GitHub co-pilot, and Riplett has one, and many other people have them.
And so we have just been amazed at how many different facets of AI are coming together.
And our guest today is the founder of TL Draw.
His name is Steve Ruiz.
And welcome to the show, Steve.
Hello, hello.
Thanks for having me.
Yeah.
So you saw us playing with your tool.
And we were blown away.
And so tell us a little bit about your company, how big it is, how long you've been working on stuff.
And what is TL Draw?
and then what is make real?
Yeah, for sure.
TLDraw is a company that kind of grew out of my own open source.
I had started building a kind of a hackable whiteboard-like engine for myself.
Basically, I created a bunch of different infinite canvas type of apps
where you could zoom in and zoom out, move around, kind of like Figma or Mero.
And I wanted to have something that I could basically just reuse myself.
They're quite complex and they're not worth building from scratch every time.
So I was like, all right, I'll just kind of build all that undifferentiated parts of all those apps,
kind of the middle of the Venn diagram between a Miroa, Figma, and everything.
And it turned out that that was a pretty popular idea, that a lot of other people had ideas about
building these types of apps or building features that felt like Mero or Figma into other types of products.
And it got popular enough, enough sponsorship, et cetera, that that sort of became the company.
And so we have essentially spent the last two years, not quite in obscurity, but kind of in relative obscurity, building this component, this SDK for building whiteboards and whiteboard-like things called Teal Draw.
And we've done a bunch of different demos of how you can plug this into various technologies or how you might use it as a whiteboard or use it as an annotation layer or use it as a way of working with data or something on the canvas.
when the GPT4 Vision came out,
we also picked up a project
originally started by a Figma developer
where they were using TILDRI
as the kind of the multimodal input
to chat GPT4 with Vision
and saying, hey, here's a drawing of a website,
give me back the real website.
Now this thing came out like five hours
after the API was around,
so it was like almost instantaneous.
But it was built on top of the canvas,
which we had labored over for two years.
And so you were able to express yourself very well,
drop in screenshots, do whatever you wanted,
and we took that and ran with it.
The first thing we did, of course, was because our canvas itself is a normal website.
Like, it's a React application all the way down.
And that's how we were able to put these websites that you created back onto the canvas
and even allow you to, like, draw on top of them as a kind of a markup strategy to create
a new prompt based on the prompt that you got back last time.
And it was just, I mean, I've worked in design tools.
I've worked kind of in this sort of like pseudo-programming languages that you might build into a kind of a no-co.
platform and to see the like first off to see how well this worked and how much it cut out
and to watch people who'd never programmed before or never really thought of themselves as
folks who can can have a creative experience with digital stuff um you know just try the skids
like for the first time it was incredible and yeah it went really really viral um so this t l draw
is it just to be clear an open source project is very popular uh i see it's got you know it looks like
28,000 stars on GitHub. And Stars is basically how people subscribe to stuff, yeah, on GitHub,
and 1600 forks. So, which means people took the code base and then forked it, which means
created their own flavor version of it. Yeah. So this is getting popular in the developer community.
Let's do some demos here of, you know, what you're discovering. Sure. Now, as a business, you have the
open source piece, but what is the business of your company? How do you make money? What's the goal here?
Or is it a venture back business or is it a project? Yeah, yeah, yeah.
I should say, we're a venture-backed business.
We've raised 4.7 so far.
Funny enough, we had just closed an extension round right before this thing went viral.
So, and a little twist of fate.
And, yeah, we're early.
So a bunch of VCs called you right after your closure last round and offered you a massive uptick in your evaluation.
And you've banged your head against the wall.
Oh, my God, I just need to go viral and get more of these VCs on the line.
We have a hard stop at 7 for a good reason.
Yeah.
The business plan is to have this canvas become the sort of the map box of this type of
experience, just reach ubiquity, get everywhere.
And in the short term, we're licensing it.
So it is open source, but at the 2.0, we're switching licenses.
Do you want to use this in a commercial product?
You know, have a conversation with me.
I'll set you up.
But yeah, long story or it's a longer conversation.
So, I mean, WordPress does the same thing, right?
There's the WordPress OpenSourceproject.org.
And then there's the WordPress.com, the commercial project.
Yeah.
Whatever, 40%, 50% of the web runs on WordPress.
Some of them work on WordPress.
dot com.
Other ones pop up their own servers
and use the open source project.
Totally get it.
I think you're seeing,
yeah, open core is like a big,
I guess it's a big topic
these days in software.
And I think for us,
I don't know, front end components,
this is code you're giving to your users.
People tend to like to read it
before they hand it off.
Explain open core model
or costs.
For sure, yeah.
So without,
I'm not a,
not exactly an open source expert,
nor am I a sort of open source.
source zealot. But the
general idea with open core
is that you have part of
your product which is available to anyone
with
certain restrictions. And those could be
like you cannot use this. You have to
use this in an open source project. You can't use
this in a commercial product, etc. And then you
commercialize the use for which
there's a business case for it.
So I think Mapbox
is a complicated example because they've
sort of changed their license a few times. But
yeah, you have
libraries. MySQL is another one, right?
That does it this way.
Cassandra, the open source database.
A lot of folks have the core, and Cassandra is that open source database.
We were investors in the company, data stacks, which sells the more enterprise-y version of it.
So let's go to demos, man.
Demos are so fun right now.
I'll talk about open source all day, but I...
Yeah.
I mean, it's important for the founders who are listening.
There's a lot of pros and cons to doing it, and the pro is very simply, more people are engaged.
And the con is maybe you give up a little bit of control in order to get more people engaged and more richness.
So choose your own adventure.
Yeah.
All right.
So let's describe what we're seeing here.
You're in a TL draw, which just looks like a standard Figma or any other drawing, balsamic, envision, any wireframy kind of drawing software where you get arrows and you move stuff around layers.
And you're drawing what looks like an app.
Yeah.
So I have a couple of different examples here.
We could take one just to get the shortest point between the here and where we're going.
Basically, we have a drawing here, a little drawing made up of rectangles and things like that.
And it is a, I guess it's a color picker, right?
Click to copy, to copy this hex code.
You have a slider between orange and pink.
And a circle in the middle.
I'm not sure what exactly that's going to do.
Well, you click on the Make Real button and you get back a little spinner.
And speaking of monetization, we have considered running.
ads while you wait for this
something. Okay, so now...
It is a 30 second thing, or not
30 second, but yeah. Yeah, just for people listening,
you've drawn a color wheel.
We've all seen a color wheel where you pick the color
you want, whether in Microsoft Word or
Google Docs or Photoshop.
So you've drawn what that looks like, and now
AI is looking at that
drawing, some language model,
and when you said make it real,
it's saying, how would
this become code?
Am I correct?
You know what?
the prompt is really, really interesting.
The prompt is, you are a web developer.
You specialize in making working prototypes using the low fidelity wireframes that your
designers give to you.
You love your designers and you want them to be happy.
So when they ask you to make a prototype, send back a single HTML file, use tailwind
styles, pull in any dependencies you need from unpackage, use any extra code.
you need JavaScript inside of there.
But just try to fill in the blanks.
Use what you know about applications
and user interfaces in order to sort of infer
the designer's intent
and then send back your best guess.
And we send that.
We also send a picture,
a screenshot essentially of whatever the user has selected.
So in this case, I drew a little color picker
and I selected that.
We kind of took the screenshot,
the same one that you would screenshot
if I did like copy as PNG
and paste it over here.
Basically send you this image.
And we also send...
Well, it depends.
What you can do,
and I guess what I'll do here
as the example,
like they did give us back
a working little color picture here.
What I can do is I can double click
into the eye frame
because, again, it's a single page
HTML.
We can put that inside of an eye frame.
Yeah.
And because our canvas,
which is very unusual
and very much unlike something like Mero
or Figma or anything, our canvas is a normal website.
We can put that eye frame back onto the canvas.
You know, and you can rotate it and resize it and move it around and draw on top of it and everything.
It's just like a normal thing on the canvas, but it is a working interactive website.
So I can double-click in and I can move this slider.
And yeah, sure enough, it changes that color from pink to orange.
And it gives us the hex code.
And I'm pretty sure I can copy this.
and you know let's see if it yeah it gave me it on the clipboard as well
which is so this would normally be you know you have one person who's wire framing a product
manager a CEO a founder whatever and then you have somebody who might do a quick HTML
prototype so you've compressed those two things and you've eliminated you know somebody
doing repetitive simple work all right founders always ask me for pitch deck punchups and you
know what I got some great news for you we worked with the team at Murrow
the awesome whiteboarding software I've been talking about to create an amazing pitch deck template for founders,
which you can see if you're watching the video right now. This is going to help bring your pitch neck
from zero to hero, from zero to VC ready. And our founder university participants love this
template. We use it all the time. It saves them time and it gets them more meetings. So head to miro.com
slash mirrorverse, mire.com slash mirrorverse and search for pitchneck to check it out. And if your team is
hybrid or fully remote, Miro is so useful for you. It's like,
an old school in-person whiteboarding session, but distributed and asynchronous, so you can do it on your own time.
Miro lets you brainstorm ideas and collaborate on projects from anywhere in the world.
When you think Mero, things zero to one, but faster.
And Mero is so much more than a simple digital whiteboard.
Your team can collaborate on important stuff like research, design, planning, and feedback cycles.
And faster inputs equals faster outcomes.
And we all know, product velocity and startup velocity is how your company is going to win.
So to access our new mirrorverse template and thousands of others, sign up today for a free
mural account at miro.com slash startups, M-I-R-O-com slash startups.
That's mirror.com slash startups to sign up for free.
This can then, I guess, be published.
What would be the next step that you would do with this color wheel if you wanted to incorporate
it?
Like you need hosting, you need to publish it somewhere.
So can I take this little, I'll call it a widget and be old school?
Some people might call it an app, whatever.
Can I take this and publish it to a URL?
Yeah.
So it kind of already is.
So I have a little drop down here.
And we have a couple of different things that we can do with this.
And by the way, we could also keep going.
And I'll show you what I mean in a second.
One thing I can do is I can copy the HTML to my clipboard and paste it into a file,
you know, look at it, edit it, whatever.
I can also copy a link.
Okay.
And that link basically is this website.
Ah, so you could open that up in a URL.
or I could send it to friends, I could tweet it.
Yeah, right on.
Wow.
Super coral right there.
And I can also open it in CodeSandbox.
So CodeSandbox is a web-based IDE where, let's see, I'll close this one.
Yeah, here's our that.
And then normally we would have code on the left.
Let me give that a little refresh here.
Otherwise, I'll show you the other demo.
IDE for those people listening, Integrated Development,
environment like Repplet.
So you're just a
basic a browser window
where you can write and publish code.
So this is incredible.
But show me you said you could iterate.
So let's have a little iteration here,
huh? Maybe.
Cool.
So again, the thing that we got back
from Chachipit,
we put in an eye frame,
we put the eye frame on the canvas.
So you can think of it that,
you know, it looks like a picture of a website,
though we know that it's an interactive website.
But we could treat it like a picture
and we could draw on top of it.
So let's say, I wanted to say, I mean, maybe you can give me some ideas here as well.
Let's make this full size.
Full size window maybe.
Let's make our annotations red.
I think there's something in the prompt about treating red as an annotation.
Maybe I want this text that says click to copy.
I want that to be like, what is it called start case?
Sure.
And so what you're doing here is you're annotating, you're annotating.
you're annotating the mock-up of the color wheel.
And you're just using an arrow and just writing notes as if you were writing notes in Figma or, you know, any other whiteboarding or design software.
Yeah, this is amazing.
And you could put in, show me a more playful font.
Oh, yeah, yeah, sure.
So this is like a really weird thing.
What does it mean playful font, you know?
Yeah.
I think this is good enough to the start.
So this time, well, yeah.
I'll do this.
Like, use more playful fonts.
And I'm just putting that as a text above.
Crazy.
Like you would do on a whiteboard.
Like you would do on a whiteboard.
Yeah.
What's wild about this.
And what is kind of like the running theme of all this multimodal stuff is that like,
yeah, just pretend you're sending this to a person.
Like, what would you use to send to a person?
The other things that are funny is that if you encourage it or threaten it,
either one, kind of gives you a better result.
so like, you know, you can do it.
Go for it.
Isn't that the weirdest thing about these LLMs is if you keep giving them encouragement,
they keep trying.
So I don't know if we're, what's that word,
andromorphizing when you kind of.
Anthropomorphizing, yeah.
Anthropomorphize.
Are we anthropomorphizing where we're projecting into these language models
that they, you know, feel good with positive reinforcement?
Or is it just that when you give positive reinforcement,
it does a couple more iterations. I don't know. But when I tell it, add more puppies or more
rainbows or make it even more American when I was playing with Dolly the other day, it would just
come back with something that was even more delicious. I did like make me pasta spaghetti. And I said,
make it even more delicious. Make it absurdly more delicious. And when I did that, it just kept adding,
you know, more basil and steam and everything to my plate of pasta. The image, it was pretty nice.
I think it's, yeah, I think they're kind of like meeting us halfway there in terms of the
the treating as human.
Okay, so we have this website.
We've drawn on top of it. We said like, okay, make this button, capitalize the first letters
of all these sentences, make the thing, the full height of the window, etc.
Use a more playful font.
And we've drawn that kind of as markup on top of the website.
And then we selected all that markup, including the website itself.
And we used that as the new prompt to make real.
So we sent that back.
And we got a...
a couple of things.
It ignored a couple of things.
It got a few things wrong and a few things right.
The pink thing still works.
The font is certainly more playful, you know.
Yeah.
It is a, it's rounded edges, et cetera.
It lost our clicked copy button.
That's interesting.
Okay.
And it ignored all my comments about start case and casing.
So we could.
we could draw that click to copy button back in there.
Amazing.
And keep going.
So like a lot of employees, they may not listen is what you've proven here.
As a manager, you may ask your employees do something.
They may be tired.
They could have gotten in a fight with their spouse.
They have a sick kid and they forget to put the button back in.
And you've got to be kind to the-
Things happen, you know.
Yeah, AI overlord.
Maybe they didn't have a cup of coffee yet.
Maybe tell them, hey, get a cup of coffee.
Come back.
Yeah, that's true.
That's true.
be kind to your AI slave.
The fun part about this is that like,
and I guess I won't go too far with this one
because it seems to really insist on,
oh wait, it is capping, it's just an invisible button.
Very strange.
Oh, what the heck is that?
Look, it's there.
Yeah, it is there.
Oh, maybe the font thing threw it off.
Maybe it's my font stuff.
Is it there on this too?
See, I didn't give.
It is there.
It is there.
Look, it's, wow.
This is kind of weird, yeah.
So this is where, you know, we're still in early days.
I don't want to say hallucinate,
but the understanding and reasoning
that we project into language models
is, you know,
some people,
I've heard some people call it a parlor trip,
and then I've heard other people say it's reasoning.
And so somewhere, you know,
between those two is the reality.
And I think everything that's been done
in web design has been incorporated into these models.
The entire corpus of open source
has been put into these models.
And so, you know,
in every blog post, medium post,
YouTube video, they're all getting incorporated to this. So I guess in a way, it is a parlor
trick that it, I digested all this stuff. And when you're making a color wheel, it knows,
you know, to restate what color wheel information it has. But it is kind of reasoning. And it wants
to try to figure out what is playful, right? Or what is more delicious mean for spaghetti?
What would make spaghetti more delicious? And it's like meatballs, more sauce, you know? And because it might
have found a document that said if you want to make this even more delicious, add more sauce.
Parlor trick or actual knowledge? I mean, I don't know how you think about this. Let's get
philosophical for a second about what's going on inside of models. Do you believe we're
recreating consciousness and how the human brain works or that we're simulating that on
silicon? What does your gut tell you? For me? Yeah. I'm curious. This feels much more like,
having worked with creative tools for for years and years,
like you come to know those creative tools,
not as,
you know,
intelligences,
but as like patterns as,
as,
as,
as,
as,
as,
as,
as,
accommodate what that tool can do well and what that tool can do poorly.
And you kind of steer towards those things that can do well.
This is part of why,
you know,
good tools are really important because they kind of expand,
not necessarily those things that you can do,
but those things that you can do with the least amount of friction.
Okay, cloud computing has revolutionized startups over the past decade. You know that. But the reality is,
hey, a fully cloud-based solution is not right for every startup. Sometimes a hybrid solution is your answer.
Like if you're working with sensitive data, that can't be trusted to cloud, or if you need to connect
to multiple cloud providers at once, or maybe you just want a much more cost-effective solution.
In that case, you need to check out Equinix. Equinix metal will give you direct access to physical
servers, but you still get all the benefits of the cloud, so no need to rack and stack your
own servers. No, Equinix provides on-demand infrastructure in over 25 major cities. And here's
the best part. They have an amazing startup program for you. The Equinix startup program offers
personalized consultations and guidance from the Equinix team. And of course, you'll get up to
$100,000 in startup credits. So here's what I want you to do. Head to Equinix startups.com to apply,
and when you apply, James from Equinix is going to reach out to you directly.
That's Equinix startups.com to apply EQU-I-N-I-X startups.com.
Chat Chip-T, all this type of stuff, actually feels very, very familiar to me, just having worked
with creative tools.
And maybe it's not just creative tools, but those might just be the ones that I've worked the most with.
In this case, we have input and output, and it seems to be misinterpreting the input as different.
output. Fun fact on this, I did a check to see what image are we pulling out of this thing.
And funny enough, the colors, maybe it was pulling out of this one. The, yeah, the colors on
one of these buttons was, yeah, exactly, like the fonts weren't loading correctly and the colors
weren't loading correctly. So there was like no information for it to work from. So in that case,
it was a failure, not necessarily of the model working from correct input and producing
incorrect output.
It was working from, in a way, like, incorrect input.
It just, we didn't know it.
And that feels very familiar, like, for having worked with creative tools.
Well, and I think you're correcting your interpretation of it.
We may be just, we may have over-indexed on the magic of our brains and not realize that,
like, a lot of what we do is,
pattern recognition. And we finish each other's sentences. And when we make jokes, we have an archive of
what's funny from a lifetime of hearing jokes or watching comedians, et cetera. And so a lot of what we do is,
you know, memetic, you know, repetitive patterns. And we may believe that we're more creative
when, in fact, we're more pattern seeking and pattern identifying and regurgitating machines. We just
prefer to call it creativity, right?
Yeah.
Let's do one more demo here.
You have some more down here.
So here we have, let's see, which one do you want to do?
I'm going to try and pick one that's a little bit harder.
Maybe the, um, so one of the, I guess it's, it's really up to you, Jason.
I like this one.
This is a stopwatch, right?
Is that a stopwatch app?
Yeah, yeah, yeah.
Let's do the stopwatch app because everybody knows this.
In this case, I have on the screen a really simple, uh, image of a, of a stopwatch
And then I also have a state chart, essentially like a state machine that I've drawn talking about how this thing should work.
Got it.
And there's even a note that they're saying, like, use this to determine how the state UI should work.
But this is just the state chart.
In other words, don't, don't render this.
So come up with your own, yeah, got it.
Yeah.
And I could even kind of like make it just to go back to what you were saying.
I'm just going to send a prompt
where I just do a box and I write the words
kitchen timer here
as the prompt.
So I'm going to put this one over here
and then I'm going to send only
the user interface of the thing that I drew.
And this user interface looks exactly like your timer on your iPhone
where it has, you know, add,
minutes, ad set, start, stop, reset.
Just a standard, you know, egg timer, let's say.
Yeah. And then I'm going to send the UI
and the state machine together.
And then just for fun,
I'm also going to send just the state machine.
Okay.
So we're giving it.
This is very interesting.
So you drew the UI.
The state machine basically says,
hey, click this button and it runs, it stops.
And it's, you know,
it's kind of think of it like a flow chart
of what's supposed to happen if you're not familiar.
Yeah, precisely.
And so here we go.
So what you're showing us is,
hey, you can give a prompt,
the UI and the state chart, the flow chart,
or you can give just a flow chart,
or you can give just the image,
and we're going to see all three outputs.
Wow, this is exciting.
Yeah, yeah.
So it's got either or plus a little bit of extra instruction.
Okay, let's make it real.
Yeah.
And what's fun is that these prompts, by the way,
don't have the words kitchen timer anywhere
that has to be inferred from here,
whereas this one, all we've given it is kitchen timer and nothing else.
Wow. And what's fun is that...
This is incredible.
And what you'll see sometimes
like people doing demos
where they draw a calculator
and then they click
you know they write calculator on it
and click whatever make real
and it shows a calculator
and that's pretty cool
but also sometimes
you could just send the calculator
or just send the word calculator
because as you said
it knows what those things look like
so in this case
we have a kitchen timer
I can reset it
I can start it type of it
I sent it only this
only the prompt kitchen timer here
created literally the code
an app widget,
whatever you want to call it,
HTML, basically,
which start, stop, reset,
and it's functional.
Hey, yeah, pretty great.
It works.
Wonderful.
Now we have the one
where we only sent it
the user interface.
So we didn't give it
any information about what it was.
We didn't say
this is a kitchen timer.
We didn't say like
these are what the buttons
should do.
And here we got.
And it did we create that
pretty well.
The question is like,
does this do anything?
Yeah.
And so in this one,
we had plus minutes,
plus seconds.
So you could set
a one minute and 40 second timer
and you could stop and start it and reset it.
If you hit the reset button, does it reset?
It does. It does. Okay, so in both
cases, it did what it was supposed to do.
The only thing it's gotten wrong is that it adds 10 seconds
rather than one second. So it's kind of inferring some...
I wonder how it made that decision. It probably is there are
other timers that do it in 10 second increments that have found on the web
as part of the language model corpus.
And then here's the one where we've sent it the state chart and the user interface
together.
Okay.
And in this case, the user interface looks kind of like a little bit, or the website
kind of looks like a hybrid of these two.
Wow.
The first two, you're right.
It has been.
Blue tiles and it decided that reset should be red and start should be green.
And that is what we do in the U.S.
Green means go, red means stop.
Yeah.
But it did decide to do some.
And it doesn't work.
Okay, great.
It doesn't work.
And then here's, I forget which one we did together.
That one must be just the state chart.
Because it has no design.
Exactly.
Just a state chart, yeah.
And let's see if this works.
This works correctly as well.
Wow.
This is unbelievable.
And what's fun is it even tells you what the state is, whether it's running, whether it's stopped, you know, whether it's whatever.
So I think the fun part about this is not only just the wow of making things, you know, websites, working websites.
And it is very addictive, especially when you get into these long iteration chains because you are able to push it into making things that are quite complex.
If you go to our Twitter at Twitter X, whatever, at T-LDraw or Twitter,
I mean, we've re-shared.
T-L-Dra.
There you go.
Dozens of these things where people are like, yeah, we've made this game with my kid
or I've made this thing with my project manager.
Yeah, you're able to push it into really, really complex stuff and tweak it and modify
your thing or whatever.
But it's also just this amazing playground to explore multimodal prompting.
and to have a way of doing what we just did,
which was run four prompts simultaneously,
you know,
using slightly tweaked things.
So I think the canvas,
like Teal Draw,
just in general,
is just going to become,
well,
my hope for it is that it is a great environment
for exploring some of these models.
So many ways to go with this business.
What do you think you're going to do?
Just make it $25 a month and call it a day
and just see you can get a thousand people
or a million people to pay that?
What's your plan?
Yeah.
What do you thinking about it in a business model?
So teeldra.com is
was our little
demo essentially for Teel Draw.
It was like a free,
and it still is, a free whiteboard.
There's no login.
There is collaboration,
and the collaboration is really,
really good.
And we have like 8,000 people a day using it.
Incredible.
Like Uniques,
which is wonderful.
I don't really want to be in the business
of doing like a SaaS product in whiteboarding.
I think the incumbents they're pretty,
pretty happy with where they're at.
And I don't know.
I don't think the world needs another Mero, but the world might need like 10,000 more Miro's or little Miro's.
We love Mero, a sponsor of our show, and we've used to a ton.
Great, great product.
But, you know, people want to make things that Mero is not going to make, right?
So Mero could be your, you know, standard platform, but, you know, you may want to do other things.
I was going to say there was a time where, like, every, you know, if you saw a Canvan board, people were using Trello, right?
Canbent boards are everywhere.
It's just like a really good paradigm.
For a certain way of working.
I think the canvas is the same way.
There's never really been a good way to get started
unless the canvas was like your only thing.
Yeah, and Tealjo's sort of is filling that.
Okay, your business gets to a certain size,
and we know the cracks start to emerge.
Things that you used to do in a day
are now taking a week or a month.
You have too many manual processes.
You know that.
And you don't have one single source of truth.
If this is you, you should know these three numbers.
37,000, 25, 1.
37,000?
That's the number of businesses, which have upgraded to NetSuite by Oracle.
You know NetSuite.
It's the number one cloud financial system,
streamlining accounting, financial management, inventory, HR, and more.
25.
NetSuite turns 25 this year.
That's 25 years of helping businesses do more with less,
close their books in days, not weeks,
and drive down costs.
One, because your business is one of a kind.
So you get a customized solution
for all of your KPIs in one efficient system
with one source of truth.
Manage risks, get reliable forecasts,
and improve margins,
everything you need to grow all in one place.
So here's your call to action.
Right now, download NetSuite's popular KPI checklist
designed to give you consistently excellent performance,
absolutely free at netseweet.com slash twist.
That's netsweet.com slash twist to get your own KPI checklist.
NetSuite.com slash twist.
I hope people take this and run with it.
The business plan, or at least what to do with this,
is much closer to empowering those dozens, hundreds, thousands of folks who see this
and say, like, wow, this is great.
But instead of using drawing and text and screenshots and whatever in order to make websites,
let's do full stack apps.
Let's do Python configurations or something like that.
like let's do backend stuff
or let's do
literally any design output
any technical output that you can imagine
that has some way of rendering it visually
as the input
or just take screen shots of text
who cares
back to the business model
what do you think?
Is it like a freemium
like maybe get a certain amount of features
or you know cycles
and then hey you know please upgrade
or maybe the collaboration mode
you know is the mode
where you start paying
and you can do bottom up
like three people can collaborate on something,
but when you get past that,
you got to have somebody's got to have a paid account.
What are you thinking business model wise here?
Yeah, I mean,
those are essentially all those features that you described
kind of fit into the TILDraw as an end user product category.
And we're still thinking about this as a essentially developer tool,
a infrastructure product.
Okay.
So I would,
I mean,
we might need at some point to be like,
well,
we're using an API key.
We want to make this available to everyone without having
to figure out what an API is.
Right now you have to enter your own,
which is not so we're gonna,
we're gonna make it part of like a premium
premium offering of some sort.
Where do we wind up with, you know,
all these different models on Hugging Face?
And then you saw Google's, you know,
new offering from DeepMind,
which was super impressive.
Chat Chip-T4, maybe chat TP5 comes out early.
There's like 20 different models
that you could probably use
to accomplish what you're accomplishing.
I'm assuming you're using OpenAI's model
to start?
Yeah, well, it's really the only set of eyes that you could get at least at the moment.
I know that the team at Google have been poking around this repo.
So my hope is that we see something with Gemini fairly soon.
My real hope is that Teal Drive becomes kind of like the battleground on which these different
models can really compete.
It's like, you know, how does this prompt do when it's up against or in Teal Drive?
up against something else.
You could be independent of the model.
You build your software.
When you say make this, you could say make it with, you know, Google, Microsoft, OpenAI,
Brock, whatever it is.
Or you could say make it with all four and then just see how they all do.
If you have keys for all four.
And then, you know, if you want to abstract it, I could just give you $100 a month and you give me,
you know, a thousand renders and I pay a 10 cents a render and who cares?
And I just, you abstract that and you show me all five.
And then you could have another language.
model say which of these five did the best job in your estimation. Have you tried that yet?
Because we had those four timers. Have you ever had a language model say, which one of these do you
think would be the best timer to give to consumers? No. And my God, is there's so much more that we
could do here. Yeah. Well, that's what I'm always thinking about is like, I'm always asking,
well, what's the next step? Yeah. And the next step here is, can somebody vet this and make sure it works?
Well, why don't you have a language model, make sure it works? And then tell the model,
that got it wrong, hey, this doesn't work.
So that second tier prompt, the third
tier prompt, is kind of interesting, right?
And this is where you get into agents, right?
And so I'm so impressed by what you're doing.
Everybody go check out.
TL draw, X.com slash TL draw,
into what you're doing.
How many people you got at the company now?
This is an early stage startup.
You raised your Series A?
Six.
Going on seven, going on eight, yeah.
All right, all right.
Well, maybe you've got to keep a slicey poof for your bestie J-Cal to make a little
investment here. I may need to slide a little slicing here. I'm so impressed. There's going to be
another round. For sure. Okay. There's always another round. That's what I tell folks. And just,
you know, if you got something interesting and you need my help, save a slice for Jacob. Steve,
great job, really engaging and fun stuff. Where are you based? I'm curious. Is it a remote team?
Oh, you're based. Oh, right, because it's late at night. Living in London. Yep, yep.
Beautiful place to live, huh? Make money in America and tech and then spend it in Europe. That seems to be the best
process. It goes further over here. Does it really? Yeah. I just bought a $47 birthday cake that was like
the size of a small personal pizza and I felt poor.
For the first time in a long time, I was like, oh my God, I'm so poor.
A piece, I can barely afford this cake.
$47 for a cake, bruh.
What?
I literally said to myself, how much would it cost to bake this?
I came to the conclusion it would be $6 to bake it, like to this specification and maybe
one hour of time.
I was like, wait a second.
I don't know.
A cake is worth it, though.
I, you know, I don't know, 47.
This is an okay to good cake.
It wasn't a great.
If I'm paying 47 bucks, it better be world-class.
All right, Steve, great job.
And, hey, listen, as you make progress,
we'd love to have you back on the show.
Yeah, yeah, yeah.
You've got some moving out of fast base.
This story is just getting started.
Moving fast, yeah.
All right, brother, we'll talk soon,
and we'll see you all next time on this weekend startups.
Bye-bye.
