avatarNitin Sharma

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

3164

Abstract

id="36e4">How cool is that, right?</p><p id="197e">You can learn more about this <a href="https://twitter.com/skirano/status/1706874309124194707">here</a>.</p><h1 id="2177">2. From Screenshot to Full Website — Explaining, Designing, and Coding — All in One!</h1><figure id="09a0"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*3oFfNoIy8i7teT_45T8JPQ.gif"><figcaption>Src: Twitter</figcaption></figure><p id="e1e7">The second example is just plain crazy.</p><p id="db78">Check this out, a user named <a href="https://twitter.com/HusseinYahfoufi">Hussein Yahfoufi</a> dropped a screenshot of a website and said, “Hey ChatGPT, explain this to me”.</p><p id="db50">And, just like we saw in the first example, ChatGPT nailed it.</p><p id="87cc">But here’s where it gets wild.</p><p id="300e">The user asked ChatGPT how to make the design even better. ChatGPT came through with a bunch of cool suggestions.</p><p id="0cbb">And then, for the grand finale, the user said, “Write the code, ChatGPT!” And you won’t believe it — ChatGPT actually wrote the entire code.</p><p id="c85c">It’s mind-blowing, isn’t it?</p><p id="2e5e">You can learn more about this <a href="https://twitter.com/HusseinYahfoufi/status/1707026868720070960">here</a>.</p><h1 id="9cd6">3. ChatGPT Turns Figma Designs into Code Like Magic</h1><p id="92d0">There’s this Twitter dude, <a href="https://twitter.com/GabGarrett">Gabriel Garrett</a>.</p><figure id="6ea4"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*BAu0xYZ7Yf_MorHFufzXgw.png"><figcaption>Figma Design</figcaption></figure><p id="5cfc">He had this slick Figma design, and he’s like, “Why not put ChatGPT to the test?” So, he shoots it over to ChatGPT and says, “Hey, can you whip up this design (exported in the form of PNG from Figma) in React using MUI components?”</p><p id="10d7">And you won’t believe this — ChatGPT, not only pinpointed what should be a data prop in the component, but it also crafted those component prop arguments like a seasoned pro.</p><figure id="241a"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*JVcgxi3M8NUgK8jvyF6E7A.png"><figcaption>Converted into code.</figcaption></figure><p id="84af">It’s like ChatGPT waved a magic wand and, boom, there’s your design transformed into complete code, neat and tidy.</p><p id="c2c7">Now, here’s the big deal, as ChatGPT keeps leveling up, mark my words, it’s going be your go-to for tackling the trickiest Figma designs and converting them into code.</p><p id="4213">You can learn more about this <a href="https://twitter.com/GabGarrett/status/1706872805214593173">here</a>.</p><h1 id="f74f">4. ChatGPT’s Mind-Blowing Graph Interpretation</h1><p id="1183">Now, we’ve all seen ChatGPT doing its thing, right?</p><p id="a530">It can decode images, cook up code from Figma designs, and even decipher screenshots. But here’s the real shocker — ChatGPT has now added graph-cracking to its repertoire.</p><p id="f173">It’s not just reading graphs; it’s like an artist interpreting the graph’s story, drawing it out for you in plain English.</p><p id="f5dc">Here’s a juicy example for you.</p><figure id="66f1"><img sr

Options

c="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*SujNWJpaxY1Fnf0Wf3eehw.png"><figcaption>Src: Twitter</figcaption></figure><p id="569c"><a href="https://twitter.com/emollick">Ethan Mollick</a>, a Twitter user, throws up a graph comparing GPT-3.5 and GPT-4 test scores.</p><p id="dcf7">He says, “Hey ChatGPT, tell me what this graph’s trying to say”.</p><p id="8481">And guess what? ChatGPT drops the exact data from that graph on the response.</p><p id="975e">I mean, how insane is that?</p><p id="7a6e">You can learn more about this <a href="https://twitter.com/emollick/status/1706885381516407195">here</a>.</p><h1 id="2dc8">5. Turning Grocery Pics into JSON Magic</h1><p id="c278">You won’t believe what went down!</p><p id="871a">So, <a href="https://twitter.com/mckaywrigley">Mckay Wrigley</a>, this Twitter user, decided to try something out with ChatGPT. He’s like, “Hey, why not see what ChatGPT’s got up its sleeve?”</p><figure id="8968"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*pcT113Jndm1EIeKyO-9ObQ.png"><figcaption>Src: Twitter</figcaption></figure><p id="b77c">He takes a quick snap of his grocery and tosses it over to ChatGPT.</p><p id="25c8">Then he’s all like, “Can you do the fancy task of making a list in JSON format for all the fruits and their nutrition info from this pic?”</p><p id="7c9d">Now, get this, ChatGPT doesn’t just say, “I can give it a shot.”</p><p id="b073">Nope! It straight-up owns the challenge.</p><p id="07a2">You can learn more about this <a href="https://twitter.com/mckaywrigley/status/1708557028149673990">here</a>.</p><h1 id="7bc6">Bonus</h1> <figure id="04e5"> <div> <div> <img class="ratio" src="http://placehold.it/16x9"> <iframe class="" src="https://cdn.embedly.com/widgets/media.html?type=text%2Fhtml&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;schema=twitter&amp;url=https%3A//twitter.com/i/status/1707077710047216095&amp;image=https%3A//i.embed.ly/1/image%3Furl%3Dhttps%253A%252F%252Fabs.twimg.com%252Ferrors%252Flogo46x38.png%26key%3Da19fcc184b9711e1b4764040d3dc5c07" allowfullscreen="" frameborder="0" height="281" width="500"> </div> </div> </figure></iframe></div></div></figure><p id="6112">You know, people used to ask me, Hey, why go with Bard over ChatGPT?</p><p id="158a">And my answer was simple i.e. Bard could dish out the latest internet info, while ChatGPT couldn’t.</p><p id="cee4">Well, guess what? It looks like the OpenAI team heard my plea and added that feature! Yep, now ChatGPT can surf the web, get you the freshest info, and even toss in direct links to the sources.</p><p id="e7fd">In a nutshell, it’s not stuck in the past anymore; it’s got the lowdown on stuff happening after September 2021.</p><p id="2921">Insane, right?</p><p id="f4cb">Hope you like it.</p><p id="baad">That’s it — thanks.</p><p id="cff9"><b>Don’t forget to <a href="https://nitinfab.beehiiv.com/subscribe">subscribe to me on Beehiiv</a> for a thrilling dive into AI, tech wizardry, money hacks, side-hustle secrets, and beyond. Your adventure awaits!</b></p></article></body>

ChatGPT Vision is Taking Over the Internet — Here Are the Incredible Use Cases That Will Blow Your Mind

Learn to create websites from design, reading graphs, images, and so on with the help of ChatGPT vision.

Generated by Leonardo AI

Believe it or not, ChatGPT has been a big shot in the AI world right from the get-go.

At first, it started as a simple AI chatbot aimed at helping folks with all sorts of professional stuff. That set the stage for a bunch of other AI tools that hopped on the OpenAI API bandwagon.

Then, not too long after, Google tossed Bard, their own AI chatbot, into the ring. And guess what? It sparked a bunch of other chatbots like Claude, Perplexity, and a whole crew.

During this time, ChatGPT got some fancy updates, like new plugins and a cool feature called custom instruction, among other goodies.

But the latest buzz? ChatGPT Vision.

If you’ve been keeping tabs on OpenAI’s blogs or you’re a fan of their team, you probably already know that ChatGPT can now see, hear, and talk.

Today, we’re digging deep into the nitty-gritty of ChatGPT Vision. Well, this feature is only available to paid users, and it has recently been provided to a specific number of individuals.

Let’s start.

1. ChatGPT Stuns With Its Ability to Decode Cryptic Images

Src: Twitter

First of all, there’s this Twitter dude named Pietro Schirano.

He threw a pic at ChatGPT and said, “Tell me what this means”. You won’t believe it, but ChatGPT nailed it and gave the right answer.

I literally got shocked.

Now, here’s the juicy part.

Think about building websites, right? If you’ve got a tricky UI design, and you’re thinking, “How the heck do I turn this into a real website?”

Well, guess what? ChatGPT might just be your savior, ’cause it could whip up the code to bring that design to life.

How cool is that, right?

You can learn more about this here.

2. From Screenshot to Full Website — Explaining, Designing, and Coding — All in One!

Src: Twitter

The second example is just plain crazy.

Check this out, a user named Hussein Yahfoufi dropped a screenshot of a website and said, “Hey ChatGPT, explain this to me”.

And, just like we saw in the first example, ChatGPT nailed it.

But here’s where it gets wild.

The user asked ChatGPT how to make the design even better. ChatGPT came through with a bunch of cool suggestions.

And then, for the grand finale, the user said, “Write the code, ChatGPT!” And you won’t believe it — ChatGPT actually wrote the entire code.

It’s mind-blowing, isn’t it?

You can learn more about this here.

3. ChatGPT Turns Figma Designs into Code Like Magic

There’s this Twitter dude, Gabriel Garrett.

Figma Design

He had this slick Figma design, and he’s like, “Why not put ChatGPT to the test?” So, he shoots it over to ChatGPT and says, “Hey, can you whip up this design (exported in the form of PNG from Figma) in React using MUI components?”

And you won’t believe this — ChatGPT, not only pinpointed what should be a data prop in the component, but it also crafted those component prop arguments like a seasoned pro.

Converted into code.

It’s like ChatGPT waved a magic wand and, boom, there’s your design transformed into complete code, neat and tidy.

Now, here’s the big deal, as ChatGPT keeps leveling up, mark my words, it’s going be your go-to for tackling the trickiest Figma designs and converting them into code.

You can learn more about this here.

4. ChatGPT’s Mind-Blowing Graph Interpretation

Now, we’ve all seen ChatGPT doing its thing, right?

It can decode images, cook up code from Figma designs, and even decipher screenshots. But here’s the real shocker — ChatGPT has now added graph-cracking to its repertoire.

It’s not just reading graphs; it’s like an artist interpreting the graph’s story, drawing it out for you in plain English.

Here’s a juicy example for you.

Src: Twitter

Ethan Mollick, a Twitter user, throws up a graph comparing GPT-3.5 and GPT-4 test scores.

He says, “Hey ChatGPT, tell me what this graph’s trying to say”.

And guess what? ChatGPT drops the exact data from that graph on the response.

I mean, how insane is that?

You can learn more about this here.

5. Turning Grocery Pics into JSON Magic

You won’t believe what went down!

So, Mckay Wrigley, this Twitter user, decided to try something out with ChatGPT. He’s like, “Hey, why not see what ChatGPT’s got up its sleeve?”

Src: Twitter

He takes a quick snap of his grocery and tosses it over to ChatGPT.

Then he’s all like, “Can you do the fancy task of making a list in JSON format for all the fruits and their nutrition info from this pic?”

Now, get this, ChatGPT doesn’t just say, “I can give it a shot.”

Nope! It straight-up owns the challenge.

You can learn more about this here.

Bonus

You know, people used to ask me, Hey, why go with Bard over ChatGPT?

And my answer was simple i.e. Bard could dish out the latest internet info, while ChatGPT couldn’t.

Well, guess what? It looks like the OpenAI team heard my plea and added that feature! Yep, now ChatGPT can surf the web, get you the freshest info, and even toss in direct links to the sources.

In a nutshell, it’s not stuck in the past anymore; it’s got the lowdown on stuff happening after September 2021.

Insane, right?

Hope you like it.

That’s it — thanks.

Don’t forget to subscribe to me on Beehiiv for a thrilling dive into AI, tech wizardry, money hacks, side-hustle secrets, and beyond. Your adventure awaits!

Artificial Intelligence
Entrepreneurship
Productivity
Business
AI
Recommended from ReadMedium