You lastly did it. After months and even years of determining what your online business transfer needs to be, you've landed on what may be your finest concept but.
There's just one drawback. 😔
You're not a developer, and design isn't actually your factor both.
So what now? Do you let your good concept die like all of the others that by no means made it out of your notes app?
Additionally: AI received't take your job, however this positively will
Not right now, my good friend! NOT! TODAY! ✋🛑⛔️
Enter Figma and its companion in crime, or — on this case — companion in code, Bolt. Figma handles the design. Bolt turns that design right into a functioning app utilizing pure language, bringing new which means to vibe coding. Collectively, they assist flip your concept right into a working product with out you writing a single line of code.
by way of Bolt
On this article, I'll clarify Figma, the way it works with Bolt, and the way the 2 will help deliver your concept to life. I'll additionally share actual use instances and suggestions that will help you get began as quickly as right now.
Should you're new to my work, my name is Lester, however be at liberty to name me Les. I'm a founder with a profitable exit and an award-winning efficiency marketer.
Nowadays, I'm centered on serving to on a regular basis individuals make sense of all of the "AI is altering every thing" information. 🤝
Should you like data-driven advertising insights and wish to keep updated with sensible methods to make use of AI, try my free publication, No Fluff Just Facts. I break down what's working in advertising and the AI instruments price being attentive to.
However sufficient about me. Let's speak about how Figma and Bolt work collectively and the way the one factor it’s essential deliver your concept to life is the flexibility to explain what you need.
What’s vibe coding?
Earlier than we dive in, let's evaluate the fundamentals of vibe coding and why it issues for constructing your software program firm.
Exterior of being a elaborate phrase that appears like one thing Gen Z would say, it might be the way forward for coding as we all know it.
The time period "vibe coding" was launched in early 2025 by Andrej Karpathy, a widely known Slovak-Canadian pc scientist. Karpathy led synthetic intelligence and Autopilot Imaginative and prescient at Tesla. He additionally co-founded and labored at OpenAI, the place he centered on deep studying and pc imaginative and prescient. 💪
Additionally: What’s AI vibe coding? It's all the fad nevertheless it's not for everybody – right here's why
Karpathy describes vibe coding as extra of a dialog with AI. You say what you need, the AI writes the code, and also you check and refine it as you go. It's not about realizing programming languages or syntax. It's about guiding the AI with pure language directions.
It shifts the main focus from manually writing code to describing the performance you need and interacting with the AI to construct, check, and enhance it. This method is straightforward and accessible, even if you happen to don't have a background in coding.
Basically, you're catching a vibe whereas coding — see what I did there? 😏
This manner of constructing makes the method really feel extra like a dialog than conventional coding.
This shift may be extra disruptive than we've seen in artistic and inventive areas, the place AI nonetheless struggles with "style." Code is binary. It both works or doesn't.
How Figma and Bolt work collectively
Figma is a web-based software primarily used to create consumer interface (UI) and consumer expertise (UX) design. It permits customers to create beautiful designs and on-line experiences. Its power is the flexibility to share and iterate on designs in real-time, making it an excellent match for groups constructing digital merchandise like web sites and apps.
That is particularly useful if you happen to and a cofounder work on a enterprise collectively and have completely different duties. 😎
I would like you to think about Figma as "Type."
Additionally: The most effective AI for coding (together with two new prime picks – and what to not use)
Bolt is an AI-powered software that streamlines net growth by automating code technology and permitting customers to construct full-stack purposes with minimal coding. It takes user-generated prompts in pure language and creates corresponding code for each the back and front finish, together with databases and workflows.
Consider Bolt as "Perform."
Collectively, Figma and Bolt deliver new which means to "kind meets operate." 🥰
Earlier than this integration, you would wish a designer to create the feel and appear of your software after which rent a developer to deliver your concept to life.
Right here's the factor: Design and software program growth are two distinctly completely different ability units, and it's laborious to seek out somebody who can do each. Even rarer is somebody who does each nicely.
It's like your accountant and lawyer being the identical particular person. Whereas not not possible, it's unlikely, and if we're being sincere, it's in all probability a nasty concept. 👎
All that stated, right here is how the magic occurs: Once we mix the capabilities of Figma and Bolt, we are able to create software program in a approach we haven't earlier than — beautiful designs of software program purposes with a single immediate.
Right here's how the mixing works:
You put in Bolt straight inside Figma by going to Figma's Plugins part and looking for "Bolt." As soon as it's put in, you possibly can open it alongside your design.
From there, you click on on a component like a button or kind and use pure language to inform Bolt what you need it to do.
For instance, you possibly can sort, "When this button is clicked, go to the following display screen," and Bolt builds that logic into your file.
Additionally: Need higher AI photos? I attempted Midjourney 7 and it blew me away – right here's why
It's like having a developer constructed into your design software. It’s essential to know what you need the product to do, and Bolt handles the remaining utilizing pure language.
So, as a substitute of exporting designs and handing them off to a developer, you keep in circulate. You construct, check, and work together with an actual working model of your app or website proper contained in the software you used to design it.
It's design and growth in the identical house. That's the magic of Figma and Bolt collectively.
We went from dial-up web to constructing software program firms by chatting with a machine such as you would with a good friend in a single lifetime. What a time to be alive. 🥳
What to construct with Figma and Bolt
Right here's the query I get requested a number of occasions a day: What ought to I construct with AI?
Should you've ever questioned the identical factor, don't fear, I bought you. My rationalization can be overly easy, so it opens your thoughts to the probabilities.
For probably the most half, no-code instruments construct net or cell apps, and in some instances, each. ✍️
Additionally: The way you reach enterprise is shifting quick – and never due to AI
Once you suppose net or cell, that's the situation the place your customers work together along with your software. This issues, however not for the explanation you may suppose. For instance, if in case you have a B2B resolution, it could be finest to your resolution to dwell on the net since your customers will seemingly be utilizing a desktop. Then again, if you happen to're constructing a client resolution that works with different cell apps, it could be higher suited as a cell app.
Really feel me?
Now, when you concentrate on the app, your resolution:
- Does one thing
- Shops one thing
- Paperwork one thing
- Sells one thing
Right here's what that appears like in apply:
Does one thing: Consider this as performing an motion. This contains instruments that join individuals, automate duties, promote merchandise, observe progress, schedule conferences, or educate abilities. Let's use ChatGPT for instance. It's extremely spectacular what's occurring below the hood, however on the finish of the day, it's an online app that performs an motion.
Shops one thing: These are instruments that save, arrange, or handle knowledge. Assume notes, recordsdata, buyer lists, duties, or stock. Actual-world examples are Notion, Google Drive, and so forth.
Paperwork one thing: Assume ZDNET. On the finish of the day, we're documenting tech information.
Sells one thing: Assume Amazon or a market concept. Mainly, you're facilitating a transaction.
That is an intentional oversimplification, designed to open your thoughts to the probabilities of what you possibly can construct. 🤓☝️
You see, most on-line gurus provides you with a listing of generic issues you possibly can construct with Figma and Bolt, reminiscent of stock administration techniques or buyer relationship administration (CRM) instruments. Or worse, they'll say one thing imprecise like "AI-powered apps," no matter meaning.
However that is a type of occasions the place I wish to present you easy methods to fish quite than provide you with a fish.
The issue you remedy may be easy or advanced, however at its core, it's doing, storing, documenting, or promoting one thing.
This framework ought to assist get your artistic juices flowing.
Right here's the important thing: When deciding what to construct, begin with who you wish to serve. The flamboyant time period for that is your ICP (Excellent Buyer Profile).
Additionally: Probably the most vital job ability it’s essential thrive within the AI revolution
In the end, your online business and, by extension, your app is fixing an issue to your ICP.
That's your drawback. And your app concept? That's the answer. 🔥
On the core, that is what you're doing: fixing issues.
As my pop says, see a necessity, fill a necessity. Don't overthink it.
My considerations
Ah, sure, the a part of the article the place I share my considerations.
Figma and Bolt are nice, and among the finest in school, however my beef is with the business as an entire.
No-code instruments promote the dream of "constructing a software program firm with a single immediate." Whereas that's not a lie, it has unexpected implications.
Should you're constructing one thing easy like a weblog, safety may be much less of a problem — however it’s nonetheless one thing it’s essential take severely. ⚠️
Additionally: Million-dollar concepts pop up in your feed every single day – right here's precisely easy methods to spot them
The issue is that the majority no-code platforms skip over the safety side. As somebody entering into the tech sport, you will have a accountability to maintain your clients' data non-public and out of the fingers of hackers.
Exterior of that, whereas these instruments are spectacular, they’ve limits. You shouldn't count on to construct the following Instagram utilizing no code alone.
That brings me to scalability. No-code instruments aren't the top sport. They're finest fitted to getting your concept off the bottom shortly. These instruments shine relating to prototyping. ✅
My final level isn't a lot a priority as a heads-up. These instruments are designed for individuals new to growth, however to actually get probably the most out of them, it helps to have some area information or not less than have a professional evaluate your work to wash issues up.
I'm not telling you this to discourage you, however I would like you to know. This tech is wonderful, however there are nonetheless a number of free ends it’s essential tie up.
My two cents
We've unpacked rather a lot, so right here's one thing to depart with.
The mixture of Figma and Bolt is a particular one. 🚀
It will probably show you how to velocity up the method of going from an concept to getting it into the fingers of paying clients. And whereas that's wonderful, you continue to want to think about the issue and who you're fixing it for.
No-code instruments are nice, however discover they didn't say no work.
Additionally: Google's AI Overviews will decimate your online business – right here's what it’s essential do
No matter you resolve to construct, you'll have to lean into it. Which means rising, studying, and turning into a greater model of your self.
It may be troublesome, nevertheless it's not not possible.
😇 Hope this helps. I'm rooting for you.
P.S. In order for you easier and useful AI suggestions and methods, join my free publication, No Fluff Simply Info.
Get the morning's prime tales in your inbox every day with our Tech Today newsletter.