Back to videos
S

Sketch Together

A design tool for humans and robots

Platform
YouTube
Length
4:40
Spoken language
American English
Views
585
Median cut
5.64s
Face on screen
99%
Dark frames
2%
Sketch Together A design tool for humans and robots at 0:00
Sketch TogetherA design tool for humans and robots
0:00
Sketch Together A design tool for humans and robots at 0:16corner inset
Sketch TogetherA design tool for humans and robots
0:16
Sketch Together A design tool for humans and robots at 0:20corner inset
Sketch TogetherA design tool for humans and robots
0:20
Sketch Together A design tool for humans and robots at 0:25corner inset
Sketch TogetherA design tool for humans and robots
0:25
Sketch Together A design tool for humans and robots at 0:38corner inset
Sketch TogetherA design tool for humans and robots
0:38
Sketch Together A design tool for humans and robots at 0:39corner inset
Sketch TogetherA design tool for humans and robots
0:39
Sketch Together A design tool for humans and robots at 0:41corner inset
Sketch TogetherA design tool for humans and robots
0:41
Sketch Together A design tool for humans and robots at 0:42corner inset
Sketch TogetherA design tool for humans and robots
0:42
Sketch Together A design tool for humans and robots at 0:51corner inset
Sketch TogetherA design tool for humans and robots
0:51
Sketch Together A design tool for humans and robots at 0:53corner inset
Sketch TogetherA design tool for humans and robots
0:53
Sketch Together A design tool for humans and robots at 0:54corner inset
Sketch TogetherA design tool for humans and robots
0:54
Sketch Together A design tool for humans and robots at 0:54corner inset
Sketch TogetherA design tool for humans and robots
0:54
Sketch Together A design tool for humans and robots at 0:55corner inset
Sketch TogetherA design tool for humans and robots
0:55
Sketch Together A design tool for humans and robots at 0:56corner inset
Sketch TogetherA design tool for humans and robots
0:56
Sketch Together A design tool for humans and robots at 1:08corner inset
Sketch TogetherA design tool for humans and robots
1:08
Sketch Together A design tool for humans and robots at 1:10corner inset
Sketch TogetherA design tool for humans and robots
1:10
Sketch Together A design tool for humans and robots at 1:14corner inset
Sketch TogetherA design tool for humans and robots
1:14
Sketch Together A design tool for humans and robots at 1:18corner inset
Sketch TogetherA design tool for humans and robots
1:18
Sketch Together A design tool for humans and robots at 1:28corner inset
Sketch TogetherA design tool for humans and robots
1:28
Sketch Together A design tool for humans and robots at 2:07corner inset
Sketch TogetherA design tool for humans and robots
2:07
Sketch Together A design tool for humans and robots at 2:07corner inset
Sketch TogetherA design tool for humans and robots
2:07
Sketch Together A design tool for humans and robots at 2:08corner inset
Sketch TogetherA design tool for humans and robots
2:08
Sketch Together A design tool for humans and robots at 2:10corner inset
Sketch TogetherA design tool for humans and robots
2:10
Sketch Together A design tool for humans and robots at 2:14corner inset
Sketch TogetherA design tool for humans and robots
2:14
Sketch Together A design tool for humans and robots at 2:14corner inset
Sketch TogetherA design tool for humans and robots
2:14
Sketch Together A design tool for humans and robots at 2:21corner inset
Sketch TogetherA design tool for humans and robots
2:21
Sketch Together A design tool for humans and robots at 2:22corner inset
Sketch TogetherA design tool for humans and robots
2:22
Sketch Together A design tool for humans and robots at 2:23corner inset
Sketch TogetherA design tool for humans and robots
2:23
Sketch Together A design tool for humans and robots at 2:28corner inset
Sketch TogetherA design tool for humans and robots
2:28
Sketch Together A design tool for humans and robots at 2:30corner inset
Sketch TogetherA design tool for humans and robots
2:30
Sketch Together A design tool for humans and robots at 2:31corner inset
Sketch TogetherA design tool for humans and robots
2:31
Sketch Together A design tool for humans and robots at 2:37corner inset
Sketch TogetherA design tool for humans and robots
2:37
Sketch Together A design tool for humans and robots at 2:42corner inset
Sketch TogetherA design tool for humans and robots
2:42
Sketch Together A design tool for humans and robots at 2:50corner inset
Sketch TogetherA design tool for humans and robots
2:50
Sketch Together A design tool for humans and robots at 2:51corner inset
Sketch TogetherA design tool for humans and robots
2:51
Sketch Together A design tool for humans and robots at 2:54corner inset
Sketch TogetherA design tool for humans and robots
2:54
Sketch Together A design tool for humans and robots at 2:58corner inset
Sketch TogetherA design tool for humans and robots
2:58
Sketch Together A design tool for humans and robots at 3:02corner inset
Sketch TogetherA design tool for humans and robots
3:02
Sketch Together A design tool for humans and robots at 3:06corner inset
Sketch TogetherA design tool for humans and robots
3:06
Sketch Together A design tool for humans and robots at 3:08corner inset
Sketch TogetherA design tool for humans and robots
3:08
Sketch Together A design tool for humans and robots at 3:10corner inset
Sketch TogetherA design tool for humans and robots
3:10
Sketch Together A design tool for humans and robots at 3:11corner inset
Sketch TogetherA design tool for humans and robots
3:11
Sketch Together A design tool for humans and robots at 3:14corner inset
Sketch TogetherA design tool for humans and robots
3:14
Sketch Together A design tool for humans and robots at 3:18corner inset
Sketch TogetherA design tool for humans and robots
3:18
Sketch Together A design tool for humans and robots at 3:22corner inset
Sketch TogetherA design tool for humans and robots
3:22
Sketch Together A design tool for humans and robots at 3:26corner inset
Sketch TogetherA design tool for humans and robots
3:26
Sketch Together A design tool for humans and robots at 3:30corner inset
Sketch TogetherA design tool for humans and robots
3:30
Sketch Together A design tool for humans and robots at 3:34corner inset
Sketch TogetherA design tool for humans and robots
3:34
Sketch Together A design tool for humans and robots at 3:38corner inset
Sketch TogetherA design tool for humans and robots
3:38
Sketch Together A design tool for humans and robots at 3:45corner inset
Sketch TogetherA design tool for humans and robots
3:45
Sketch Together A design tool for humans and robots at 3:45corner inset
Sketch TogetherA design tool for humans and robots
3:45
Sketch Together A design tool for humans and robots at 3:46corner inset
Sketch TogetherA design tool for humans and robots
3:46
Sketch Together A design tool for humans and robots at 3:49corner inset
Sketch TogetherA design tool for humans and robots
3:49
Sketch Together A design tool for humans and robots at 3:49corner inset
Sketch TogetherA design tool for humans and robots
3:49
Sketch Together A design tool for humans and robots at 4:14corner inset
Sketch TogetherA design tool for humans and robots
4:14
Sketch Together A design tool for humans and robots at 4:34corner inset
Sketch TogetherA design tool for humans and robots
4:34

Transcript of A design tool for humans and robots

Transcribed by a speech model from the film's own audio, not written by the brand. Click any line to jump the film to that moment.

  1. 0:00Hello, everyone. I wanted to show you a new tool that I've been working on that is called
  2. 0:03Efecto Studio, and it's a design tool for Vive designing, meaning that you can use an AI agent
  3. 0:10to design with you to be a co-designer. If you're a designer who has been using other tools for
  4. 0:17creating UX or UI or graphic design on the web, then this is going to be very familiar with you
  5. 0:23because here it has Flexbox so you can move things around if you want to, classes from Tailwind
  6. 0:29and other web standards.
  7. 0:31For example, here, I can change it to large
  8. 0:33or I can change it to 5XL.
  9. 0:35I can change all the different things
  10. 0:36that you would expect from a design tool.
  11. 0:38And for example, here you can create
  12. 0:40all the way to any site or any page.
  13. 0:43For example, this one was created by an AI agent.
  14. 0:46I asked it to create a page
  15. 0:47that was like a portfolio for Dieter Rams,
  16. 0:50the famous designer.
  17. 0:51And then it made this.
  18. 0:52It made all of this stuff.
  19. 0:54I put all the different 10 principles.
  20. 0:56And once it makes it,
  21. 0:57I can actually also edit it. That's the cool thing about this, that I can come in here and edit
  22. 1:02anything that I want to. If I wanted to move one of these things around, if I wanted to move the
  23. 1:07principles. So all of this is editable. It's just like any other design tool. But the thing is that
  24. 1:12it connects really well with an AI agent. And to do that, you can just go to the documentation and
  25. 1:18then here, copy this. And if you use Cloud Code or use Gemini or Codex or any of those AI agents,
  26. 1:24you can use this. So you just like copy the MCP server and then go to your terminal. And then here
  27. 1:29I can just paste that and then it will install the MCP server. It's already installed on my computer.
  28. 1:33So it just tells me like, Hey, what are you doing? But once I have that, I can come in here and just
  29. 1:37like open cloud code. And then I will ask it to create something new, create a website for my baby
  30. 1:43who is one month old and her name is Elena. Okay. So I am going to create a little website for
  31. 1:50Elena. So you can see that actually I forgot to tell it to use the studio. That is important. So
  32. 1:56use a studio. So you have to say that to use a studio and then it will create the website for
  33. 2:01that. So it's a studio session for Elena. And then here it created a website for me. It created a
  34. 2:07link where I can go and open the session. So it is opening the same file, but it's just like opening
  35. 2:12as a session while it's working. Now it's detecting that it is open and it's going to start putting
  36. 2:17the website there. So I can see that it's over here. It's just starting to put everything. So
  37. 2:22let me just keep this open so I can see what is happening. So you can see that it's starting to
  38. 2:26think. It's just starting to add the artboard. It added the little Elena Hero section. And you can
  39. 2:32see that it's adding all of the code and all of the code is actually just being applied in the
  40. 2:36design tool in real time over here. And the cool thing is that at any time, since this is just a
  41. 2:40design tool, I can come in here and edit anything if I want to, even while it's working, I can change
  42. 2:45text anything so in a way it is co-designing with you so this thing is over here the little spirit
  43. 2:51in the machine is just designing with you while you are also doing other stuff so i can see that
  44. 2:55it's been pretty good it's putting the weight of elena it's putting different milestones it's
  45. 3:00putting a gallery of different emojis for elena it's really nice send with love and then a little
  46. 3:06further that's really nice let's see if it finished yeah let me zoom in to fit there you go so it's
  47. 3:11in to fit so we can see the site. We have a section here. It added the hero. It added different
  48. 3:17sections. I can come in here and I can just like edit anything about Elenita. Also, all of this is
  49. 3:24responsive. You can see that it's all responsive because it's using Flexbox, it's using Grid,
  50. 3:29it's using Web Standards, and it's also using in the background like Tailwind and other types of
  51. 3:33classes like that. And also, I can come in here and copy the code. I can select an artboard and
  52. 3:38just like copy the code. Now it's in my clipboard and I can paste it as code anywhere, or I can go
  53. 3:43here to file and just like export the code and export with the tailwind that the HTML, everything.
  54. 3:49I'm working on making it so it exports with React components too, all the buttons and all the
  55. 3:54different elements you will want in a page. So it has everything that is functional. Just starting
  56. 3:59is still a little bit buggy, I would say, but it's getting better. By the way, if you don't have a
  57. 4:05terminal agent, a CLI agent, or you're not using any of that. You can also use that AI that is
  58. 4:11right here. That is, I call it Jules. It's Jules because one of the best designers I ever met,
  59. 4:16her name was Julieta. And I wanted to make the synthetic version of Julieta. So it's Jules
  60. 4:22AI over here. And you can just like chat with it and then you can iterate on stuff. You can
  61. 4:26select on things and say like, make me three more versions of it if you want to. So yeah,
  62. 4:31I would love to, I don't know, give it a try, see how it's going.
  63. 4:35Efecto.app.studio and you can just test it around.
  64. 4:39Thank you so much.
64 lines · 1,025 words

More from Sketch Together

All of Sketch Together →

The rest of their work we have taken apart.

hilos: a place where people and AI agents ship projects88K views
Sketch Together
hilos: a place where people and AI agents ship projects
0:5241 frames2.2s cut93% face
Open Peeps - A hand-drawn illustration library.29K views
Sketch Together
Open Peeps - A hand-drawn illustration library.
0:3430 frames0.9s cut67% face
Six Claude Code Pro Tips in 2 mins2K views
Sketch Together
Six Claude Code Pro Tips in 2 mins
1:5541 frames4.4s cut100% face
Hilos. A place for your team and agents to make stuff1K views
Sketch Together
Hilos. A place for your team and agents to make stuff
4:22142 frames17.5s cut99% face
Building a design tool called Efecto708 views
Sketch Together
Building a design tool called Efecto
1:3234 frames6.5s cut97% face

Cut at the same speed

Films whose median shot runs closest to 5.64s.

X10 Locates Unauthorized Drone Operator in 30 Seconds | All-Star Game Security957K views
Skydio
X10 Locates Unauthorized Drone Operator in 30 Seconds | All-Star Game Security
1:0029 frames5.6s cut24% face
Announcing a new division of Midjourney called "Midjourney Medical"Launch19M views
Midjourney
Announcing a new division of Midjourney called "Midjourney Medical"
2:23199 frames5.6s cut0% face
The New macOS474K views
Concept Central
The New macOS
1:0937 frames5.6s cut0% face
Learn how to Produce a video in D-ID Studio2K views
D-ID AI Video Platform
Learn how to Produce a video in D-ID Studio
1:5644 frames5.6s cut82% face
$visualize392K views
OpenAI Developers
$visualize
1:2645 frames5.6s cut87% face
Make information visual with ChatGPT65K views
OpenAI
Make information visual with ChatGPT
1:2645 frames5.6s cut89% face
Window Management in Raycast13K views
Raycast
Window Management in Raycast
2:20108 frames5.6s cut17% face
Introducing /automate, a skill for agents to set up automations for y...Launch273K views
Cursor
Introducing /automate, a skill for agents to set up automations for y...
0:2514 frames5.7s cut0% face
FireCut: Your Lightning-Fast AI Video Editor (w/ @aliabdaal)54K views
FireCut
FireCut: Your Lightning-Fast AI Video Editor (w/ @aliabdaal)
1:4749 frames5.6s cut90% face
Resume to LinkedIn generator58 views
HeadshotPro
Resume to LinkedIn generator
1:0425 frames5.7s cut100% face
GitHub Copilot app for beginners: using the diff, terminal, and browser5K views
GitHub
GitHub Copilot app for beginners: using the diff, terminal, and browser
2:55133 frames5.8s cut62% face
OFFEO Tutorial | Basics 17: AI-Auto Create (Updated!)2K views
OFFEO
OFFEO Tutorial | Basics 17: AI-Auto Create (Updated!)
2:10110 frames5.8s cut1% face

Lit and framed like this

Closest on how much of the running time has a face in it and how dark the frames are.

Introducing Silent Speech interface for your existing devices! From ...Launch102K views
Adam
Introducing Silent Speech interface for your existing devices! From ...
2:43107 frames23.7s cut98% face
Try Acapela.com - Product Hunt Launch Video2K views
Acapela
Try Acapela.com - Product Hunt Launch Video
2:26103 frames37.5s cut98% face
My conversation with @im_roy_lee , founder of Cluely. 00:00 Authenti...Launch107K views
sracha
My conversation with @im_roy_lee , founder of Cluely. 00:00 Authenti...
52:41542 frames10.3s cut100% face
Announcing Astral - an AI marketer that works 24/7 to grow your start...Launch2.4M views
Savannah
Announcing Astral - an AI marketer that works 24/7 to grow your start...
1:1739 frames2.2s cut100% face
How to add your company's branding to Zoom calls in 2025 with Airtime Camera814 views
Airtime
How to add your company's branding to Zoom calls in 2025 with Airtime Camera
2:35107 frames10.7s cut100% face
Watch a demo of deploying a Postgres database with Vercel. With our ...52K views
Vercel
Watch a demo of deploying a Postgres database with Vercel. With our ...
3:39279 frames17.5s cut100% face
Managed upload on HeadshotPro31 views
HeadshotPro
Managed upload on HeadshotPro
2:17102 frames1.6s cut100% face
Meet Airtime Creator | How to Create Professional Video Presentations in 2025226K views
Airtime
Meet Airtime Creator | How to Create Professional Video Presentations in 2025
2:19108 frames7.0s cut100% face
Boris Cherny, the creator of Claude Code at Anthropic, just listed 9 ...1.4M views
Mnimiy
Boris Cherny, the creator of Claude Code at Anthropic, just listed 9 ...
83:02610 frames14.9s cut99% face
A conversation on the optimal reward for coding agents, infinite cont...320K views
Cursor
A conversation on the optimal reward for coding agents, infinite cont...
49:413581 frames5.4s cut100% face
This is the first time Charles was using AI in his life. Introducing...Launch44K views
Juan Cereigido
This is the first time Charles was using AI in his life. Introducing...
1:1429 frames35.8s cut100% face
Keynote Interview: Vercel's Guillermo Rauch on the Agent Era | Azure Cosmos DB Conf 2026
Vercel
Keynote Interview: Vercel's Guillermo Rauch on the Agent Era | Azure Cosmos DB Conf 2026
9:4873 frames99% face

More social

Same category, other makers, most watched first.

Your ideas, your apps—Base44622M views
Base44
Your ideas, your apps—Base44
0:5651 frames1.1s cut6% face
Turn any idea into an app with Base44538M views
Base44
Turn any idea into an app with Base44
0:5538 frames2.2s cut50% face
Build Your Website with One Sentence | Base44154M views
Base44
Build Your Website with One Sentence | Base44
0:4835 frames0.9s cut31% face
Rip The Script | Nike Football81M views
Nike Football
Rip The Script | Nike Football
6:00310 frames1.1s cut60% face
PetSmart | "Pickup in...STORE!"75M views
PetSmart
PetSmart | "Pickup in...STORE!"
0:1511 frames1.4s cut64% face
NEO The Home Robot Order Today69M views
1X
NEO The Home Robot Order Today
9:53271 frames2.8s cut25% face
Apple Education: Ready for every learning opportunity69M views
Apple
Apple Education: Ready for every learning opportunity
1:4687 frames1.3s cut40% face
Phone calls suck. So, we bought a giant telephone car, raised $65,00...64M views
Bland
Phone calls suck. So, we bought a giant telephone car, raised $65,00...
1:4854 frames4.3s cut81% face
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...39M views
Figma
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...
1:0423 frames4.0s cut78% face
Getting Help is Simple, With Hims36M views
hims
Getting Help is Simple, With Hims
0:3023 frames2.0s cut70% face
Made in Figma (2025) Like this ❤️ we designed it for you36M views
Figma
Made in Figma (2025) Like this ❤️ we designed it for you
0:3872 frames0.5s cut7% face
Hello, MacBook Neo35M views
Apple
Hello, MacBook Neo
3:50291 frames67.5s cut1% face
Browse every frame in the library