You lastly did it. After months and even years of determining what your small business transfer ought to be, you have landed on what is perhaps your finest thought but.
There’s just one downside. 😔
You are not a developer, and design is not actually your factor both.
So what now? Do you let your good thought die like all of the others that by no means made it out of your notes app?
Additionally: AI will not take your job, however this undoubtedly will
Not right this moment, 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 thought right into a working product with out you writing a single line of code.
On this article, I am going to clarify Figma, the way it works with Bolt, and the way the 2 can assist deliver your thought to life. I am going to additionally share actual use circumstances and suggestions that will help you get began as quickly as right this moment.
Should you’re new to my work, my identify is Lester, however be happy to name me Les. I am a founder with a profitable exit and an award-winning efficiency marketer.
Lately, I am targeted on serving to on a regular basis folks make sense of all of the “AI is altering every part” information. 🤝
Should you like data-driven advertising insights and wish to keep updated with sensible methods to make use of AI, take a look at my free publication, No Fluff Simply Information. I break down what’s working in advertising and the AI instruments price being attentive to.
However sufficient about me. Let’s discuss how Figma and Bolt work collectively and the way the one factor it’s worthwhile to deliver your thought 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.
Outdoors of being a elaborate phrase that appears like one thing Gen Z would say, it could possibly 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 well known Slovak-Canadian laptop scientist. Karpathy led synthetic intelligence and Autopilot Imaginative and prescient at Tesla. He additionally co-founded and labored at OpenAI, the place he targeted on deep studying and laptop imaginative and prescient. 💪
Additionally: What’s AI vibe coding? It is all the trend but it surely’s not for everybody – here is 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 isn’t about understanding programming languages or syntax. It is about guiding the AI with pure language directions.
It shifts the main target from manually writing code to describing the performance you need and interacting with the AI to construct, check, and enhance it. This method is easy and accessible, even when you do not have a background in coding.
Basically, you are 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 is perhaps extra disruptive than we have seen in inventive and inventive areas, the place AI nonetheless struggles with “style.” Code is binary. It both works or would not.
How Figma and Bolt work collectively
Figma is a web-based utility primarily used to create person interface (UI) and person 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 important match for groups constructing digital merchandise like web sites and apps.
That is particularly useful in case you and a cofounder work on a enterprise collectively and have completely different obligations. 😎
I would like you to consider Figma as “Type.”
Additionally: One of the best AI for coding (together with two new prime picks – and what to not use)
Bolt is an AI-powered device that streamlines internet improvement by automating code era 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 “type meets operate.” 🥰
Earlier than this integration, you would wish a designer to create the feel and appear of your utility after which rent a developer to deliver your thought to life.
Here is the factor: Design and software program improvement are two distinctly completely different talent units, and it is arduous to seek out somebody who can do each. Even rarer is somebody who does each effectively.
It is like your accountant and lawyer being the identical individual. Whereas not unimaginable, it is unlikely, and if we’re being trustworthy, it is most likely a nasty thought. 👎
All that stated, right here is how the magic occurs: Once we mix the capabilities of Figma and Bolt, we will create software program in a method we’ve not earlier than — beautiful designs of software program purposes with a single immediate.
Here is how the combination works:
You put in Bolt straight inside Figma by going to Figma’s Plugins part and trying to find “Bolt.” As soon as it is put in, you possibly can open it alongside your design.
From there, you click on on a component like a button or type and use pure language to inform Bolt what you need it to do.
For instance, you possibly can kind, “When this button is clicked, go to the subsequent display,” and Bolt builds that logic into your file.
Additionally: Need higher AI pictures? I attempted Midjourney 7 and it blew me away – here is why
It is like having a developer constructed into your design device. It is advisable to know what you need the product to do, and Bolt handles the remainder 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 device you used to design it.
It is design and improvement in the identical house. That is 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
Here is the query I get requested a number of instances a day: What ought to I construct with AI?
Should you’ve ever questioned the identical factor, don’t fret, I bought you. My rationalization might be overly easy, so it opens your thoughts to the probabilities.
For probably the most half, no-code instruments construct internet or cell apps, and in some circumstances, each. ✍️
Additionally: The way you achieve enterprise is shifting quick – and never due to AI
If you suppose internet or cell, that is the situation the place your customers work together along with your utility. This issues, however not for the explanation you may suppose. For instance, in case you have a B2B resolution, it could be finest on your resolution to reside on the internet since your customers will seemingly be utilizing a desktop. Alternatively, in case you’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
Here is what that appears like in apply:
Does one thing: Consider this as performing an motion. This consists of instruments that join folks, automate duties, promote merchandise, observe progress, schedule conferences, or educate expertise. Let’s use ChatGPT for example. It is extremely spectacular what’s taking place beneath the hood, however on the finish of the day, it is a internet app that performs an motion.
Shops one thing: These are instruments that save, set up, or handle information. Suppose notes, recordsdata, buyer lists, duties, or stock. Actual-world examples are Notion, Google Drive, and so forth.
Paperwork one thing: Suppose ZDNET. On the finish of the day, we’re documenting tech information.
Sells one thing: Suppose Amazon or a market thought. Mainly, you are 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 will provide you with an inventory of generic issues you possibly can construct with Figma and Bolt, resembling stock administration methods or buyer relationship administration (CRM) instruments. Or worse, they will say one thing imprecise like “AI-powered apps,” no matter meaning.
However that is a type of instances the place I wish to present you the right way to fish slightly than offer you a fish.
The issue you clear up will be easy or complicated, however at its core, it is doing, storing, documenting, or promoting one thing.
This framework ought to assist get your inventive juices flowing.
Here is the important thing: When deciding what to construct, begin with who you wish to serve. The flowery time period for that is your ICP (Superb Buyer Profile).
Additionally: Probably the most vital job talent it’s worthwhile to thrive within the AI revolution
Finally, your small business and, by extension, your app is fixing an issue on your ICP.
That is your downside. And your app thought? That is the answer. 🔥
On the core, that is what you are doing: fixing issues.
As my pop says, see a necessity, fill a necessity. Do not overthink it.
My considerations
Ah, sure, the a part of the article the place I share my considerations.
Figma and Bolt are nice, and a few of the finest in school, however my beef is with the business as a complete.
No-code instruments promote the dream of “constructing a software program firm with a single immediate.” Whereas that is not a lie, it has unexpected implications.
Should you’re constructing one thing easy like a weblog, safety is perhaps much less of a problem — however it’s nonetheless one thing it’s worthwhile to take severely. ⚠️
Additionally: Million-dollar concepts pop up in your feed on daily basis – here is precisely the right way to spot them
The issue is that almost all no-code platforms skip over the safety facet. As somebody entering into the tech sport, you’ve gotten a duty to maintain your clients’ information personal and out of the arms of hackers.
Outdoors of that, whereas these instruments are spectacular, they’ve limits. You should not anticipate to construct the subsequent Instagram utilizing no code alone.
That brings me to scalability. No-code instruments aren’t the tip sport. They’re finest suited to getting your thought off the bottom shortly. These instruments shine on the subject of prototyping. ✅
My final level is not a lot a priority as a heads-up. These instruments are designed for folks new to improvement, however to actually get probably the most out of them, it helps to have some area data or at the very least have a professional evaluate your work to scrub issues up.
I am 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 unfastened ends it’s worthwhile to tie up.
My two cents
We have unpacked so much, so here is one thing to go away with.
The mix of Figma and Bolt is a particular one. 🚀
It could enable you velocity up the method of going from an thought to getting it into the arms of paying clients. And whereas that is wonderful, you continue to want to contemplate the issue and who you are fixing it for.
No-code instruments are nice, however discover they did not say no work.
Additionally: Google’s AI Overviews will decimate your small business – here is what it’s worthwhile to do
No matter you resolve to construct, you may have to lean into it. Which means rising, studying, and turning into a greater model of your self.
It is perhaps troublesome, but it surely’s not unimaginable.
😇 Hope this helps. I am rooting for you.
P.S. In order for you simpler and useful AI suggestions and methods, join my free publication, No Fluff Simply Information.
Get the morning’s prime tales in your inbox every day with our Tech Immediately publication.
