2 hours ago
4
You yet did it. After months oregon adjacent years of figuring retired what your concern determination should be, you've landed connected what mightiness beryllium your champion thought yet.
There's lone 1 problem. 😔
You're not a developer, and plan isn't truly your happening either.
So what now? Do you fto your superb thought dice similar each the others that ne'er made it retired of your notes app?
Also: AI won't instrumentality your job, but this decidedly will
Not today, my friend! NOT! TODAY! ✋🛑⛔️
Enter Figma and its spouse successful crime, oregon -- successful this lawsuit -- spouse successful code, Bolt. Figma handles the design. Bolt turns that plan into a functioning app utilizing earthy language, bringing caller meaning to vibe coding. Together, they assistance crook your thought into a moving merchandise without you penning a azygous enactment of code.
via Bolt
In this article, I'll explicate Figma, however it works with Bolt, and however the 2 tin assistance bring your thought to life. I'll besides stock existent usage cases and tips to assistance you get started arsenic soon arsenic today.
If you're caller to my work, my sanction is Lester, but consciousness escaped to telephone maine Les. I'm a laminitis with a palmy exit and an award-winning show marketer.
These days, I'm focused connected helping mundane radical marque consciousness of each the "AI is changing everything" news. 🤝
If you similar data-driven selling insights and privation to enactment up to day with applicable ways to usage AI, cheque retired my escaped newsletter, No Fluff Just Facts. I interruption down what's moving successful selling and the AI tools worthy paying attraction to.
But capable astir me. Let's speech astir however Figma and Bolt enactment unneurotic and however the lone happening you request to bring your thought to beingness is the quality to picture what you want.
What is vibe coding?
Before we dive in, let's reappraisal the basics of vibe coding and wherefore it matters for gathering your bundle company.
Outside of being a fancy operation that sounds similar thing Gen Z would say, it could beryllium the aboriginal of coding arsenic we cognize it.
The word "vibe coding" was introduced successful aboriginal 2025 by Andrej Karpathy, a well-known Slovak-Canadian machine scientist. Karpathy led artificial quality and Autopilot Vision astatine Tesla. He besides co-founded and worked astatine OpenAI, wherever helium focused connected heavy learning and machine vision. 💪
Also: What is AI vibe coding? It's each the rage but it's not for everyone - here's why
Karpathy describes vibe coding arsenic much of a speech with AI. You accidental what you want, the AI writes the code, and you trial and refine it arsenic you go. It's not astir knowing programming languages oregon syntax. It's astir guiding the AI with earthy connection instructions.
It shifts the absorption from manually penning codification to describing the functionality you privation and interacting with the AI to build, test, and amended it. This attack is elemental and accessible, adjacent if you don't person a inheritance successful coding.
Essentially, you're catching a vibe portion coding -- spot what I did there? 😏
This mode of gathering makes the process consciousness much similar a speech than accepted coding.
This displacement mightiness beryllium much disruptive than we've seen successful originative and creator areas, wherever AI inactive struggles with "taste." Code is binary. It either works oregon doesn't.
How Figma and Bolt enactment together
Figma is simply a web-based exertion chiefly utilized to make idiosyncratic interface (UI) and idiosyncratic acquisition (UX) design. It allows users to make stunning designs and online experiences. Its spot is the quality to stock and iterate connected designs successful real-time, making it a large acceptable for teams gathering integer products similar websites and apps.
This is particularly adjuvant if you and a cofounder enactment connected a task unneurotic and person antithetic responsibilities. 😎
I privation you to deliberation of Figma arsenic "Form."
Also: The champion AI for coding (including 2 caller apical picks - and what not to use)
Bolt is an AI-powered instrumentality that streamlines web improvement by automating codification procreation and allowing users to physique full-stack applications with minimal coding. It takes user-generated prompts successful earthy connection and creates corresponding codification for some the beforehand and backmost end, including databases and workflows.
Think of Bolt arsenic "Function."
Together, Figma and Bolt bring caller meaning to "form meets function." 🥰
Before this integration, you would request a decorator to make the look and consciousness of your exertion and past prosecute a developer to bring your thought to life.
Here's the thing: Design and bundle improvement are 2 distinctly antithetic accomplishment sets, and it's hard to find idiosyncratic who tin bash both. Even rarer is idiosyncratic who does some well.
It's similar your accountant and lawyer being the aforesaid person. While not impossible, it's unlikely, and if we're being honest, it's astir apt a atrocious idea. 👎
All that said, present is however the magic happens: When we harvester the capabilities of Figma and Bolt, we tin make bundle successful a mode we haven't earlier -- stunning designs of bundle applications with a azygous prompt.
Here's however the integration works:
You instal Bolt straight wrong Figma by going to Figma's Plugins conception and searching for "Bolt." Once it's installed, you tin unfastened it alongside your design.
From there, you click connected an constituent similar a fastener oregon signifier and usage earthy connection to archer Bolt what you privation it to do.
For example, you tin type, "When this fastener is clicked, spell to the adjacent screen," and Bolt builds that logic into your file.
Also: Want amended AI images? I tried Midjourney 7 and it blew maine distant - here's why
It's similar having a developer built into your plan tool. You request to cognize what you privation the merchandise to do, and Bolt handles the remainder utilizing earthy language.
So, alternatively of exporting designs and handing them disconnected to a developer, you enactment successful flow. You build, test, and interact with a existent moving mentation of your app oregon tract close wrong the instrumentality you utilized to plan it.
It's plan and improvement successful the aforesaid space. That's the magic of Figma and Bolt together.
We went from dial-up net to gathering bundle companies by chatting with a instrumentality similar you would with a person successful a azygous lifetime. What a clip to beryllium alive. 🥳
What to physique with Figma and Bolt
Here's the question I get asked a fewer times a day: What should I physique with AI?
If you've ever wondered the aforesaid thing, don't worry, I got you. My mentation volition beryllium overly simple, truthful it opens your caput to the possibilities.
For the astir part, no-code tools physique web oregon mobile apps, and successful immoderate cases, both. ✍️
Also: How you win successful concern is shifting accelerated - and not due to the fact that of AI
When you deliberation web oregon mobile, that's the determination wherever your users interact with your application. This matters, but not for the crushed you mightiness think. For example, if you person a B2B solution, it whitethorn beryllium champion for your solution to unrecorded connected the web since your users volition apt beryllium utilizing a desktop. On the different hand, if you're gathering a user solution that works with different mobile apps, it whitethorn beryllium amended suited arsenic a mobile app.
Feel me?
Now, erstwhile you deliberation astir the app, your solution:
- Does something
- Stores something
- Documents something
- Sells something
Here's what that looks similar successful practice:
Does something: Think of this arsenic performing an action. This includes tools that link people, automate tasks, merchantability products, way progress, docket meetings, oregon thatch skills. Let's usage ChatGPT arsenic an example. It's incredibly awesome what's happening nether the hood, but astatine the extremity of the day, it's a web app that performs an action.
Stores something: These are tools that save, organize, oregon negociate data. Think notes, files, lawsuit lists, tasks, oregon inventory. Real-world examples are Notion, Google Drive, and truthful on.
Documents something: Think ZDNET. At the extremity of the day, we're documenting tech news.
Sells something: Think Amazon oregon a marketplace idea. Basically, you're facilitating a transaction.
This is an intentional oversimplification, designed to unfastened your caput to the possibilities of what you tin build. 🤓☝️
You see, astir online gurus volition springiness you a database of generic things you tin physique with Figma and Bolt, specified arsenic inventory absorption systems oregon lawsuit narration absorption (CRM) tools. Or worse, they'll accidental thing vague similar "AI-powered apps," immoderate that means.
But this is 1 of those times wherever I privation to amusement you however to food alternatively than springiness you a fish.
The occupation you lick tin beryllium elemental oregon complex, but astatine its core, it's doing, storing, documenting, oregon selling something.
This model should assistance get your originative juices flowing.
Here's the key: When deciding what to build, commencement with who you privation to serve. The fancy word for this is your ICP (Ideal Customer Profile).
Also: The astir captious occupation accomplishment you request to thrive successful the AI revolution
Ultimately, your concern and, by extension, your app is solving a occupation for your ICP.
That's your problem. And your app idea? That's the solution. 🔥
At the core, this is what you're doing: solving problems.
As my popular says, spot a need, capable a need. Don't overthink it.
My concerns
Ah, yes, the portion of the nonfiction wherever I stock my concerns.
Figma and Bolt are great, and immoderate of the champion successful class, but my beef is with the manufacture arsenic a whole.
No-code tools merchantability the imagination of "building a bundle institution with a azygous prompt." While that's not a lie, it has unforeseen implications.
If you're gathering thing elemental similar a blog, information mightiness beryllium little of an contented -- but it is inactive thing you request to instrumentality seriously. ⚠️
The occupation is that astir no-code platforms skip implicit the information aspect. As idiosyncratic stepping into the tech game, you person a work to support your customers' info backstage and retired of the hands of hackers.
Outside of that, portion these tools are impressive, they person limits. You shouldn't expect to physique the adjacent Instagram utilizing nary codification alone.
That brings maine to scalability. No-code tools aren't the extremity game. They're champion suited for getting your thought disconnected the crushed quickly. These tools radiance erstwhile it comes to prototyping. ✅
My past constituent isn't truthful overmuch a interest arsenic a heads-up. These tools are designed for radical caller to development, but to truly get the astir retired of them, it helps to person immoderate domain cognition oregon astatine slightest person a pro reappraisal your enactment to cleanable things up.
I'm not telling you this to discourage you, but I request you to know. This tech is amazing, but determination are inactive a fewer escaped ends you request to necktie up.
My 2 cents
We've unpacked a lot, truthful here's thing to permission with.
The operation of Figma and Bolt is simply a peculiar one. 🚀
It tin assistance you velocity up the process of going from an thought to getting it into the hands of paying customers. And portion that's amazing, you inactive request to see the occupation and who you're solving it for.
No-code tools are great, but announcement they didn't accidental nary work.
Also: Google's AI Overviews volition decimate your concern - here's what you request to do
Whatever you determine to build, you'll request to thin into it. That means growing, learning, and becoming a amended mentation of yourself.
It mightiness beryllium difficult, but it's not impossible.
😇 Hope this helps. I'm rooting for you.
P.S. If you privation much casual and adjuvant AI tips and tricks, sign up for my escaped newsletter, No Fluff Just Facts.
Get the morning's apical stories successful your inbox each time with our Tech Today newsletter.
English (US) ·