93% of Designers Now Use AI Daily

AI isn’t creeping in, it’s taken over. See the numbers, mockups, and a step-by-step site build demo.

Author

Adrien Ninet
September 15, 2025

🗺️ Newsletter Overview

Happy Monday, creative family, and welcome to Logiaweb Weekly.

This week’s design intelligence briefing reveals:

  • 🧪 What I'm Building: SaaS Update

  • 🚨 Big News: AI by the Numbers

  • 🤖 Design Inspiration: Killer Website Mockup’s

  • 🛠️ Tutorial of the Week:  How to Build a Website Inspired by Your Favorite Designs in 2 Minutes

  • 💡 Prompt of the Week: Story Boarding Lovart

🧪 What I'm Building

in the works…

This week, we made big progress on the SaaS I’m building: a project management platform made for web designers. The MVP is nearly ready, we’ve entered the testing stage, and I can’t wait to share it with you soon.

I also rebranded my web design agency into a full creative studio. The idea is simple: go beyond websites and offer motion design, full app creation, and more. The goal is to help anyone bring their idea to life, from concept to launch 🚀

🚨Big News: AI by the Numbers

A new report just dropped: AI by the Numbers: How It Took Over Web Design & Development in 2025.

The headline stat? 93% of designers now use AI daily. 91% of developers rely on AI-generated code. And over 30% of new code is already machine-written.

This isn’t hype. It’s proof that AI isn’t just creeping into creative workflows it has taken over as the default engine behind modern web design and development.

Think: Figma layouts generated in minutes, AI writing clean CSS or React components, and entire site mockups built from text prompts. The “assistive” phase is over. AI is now core infrastructure.

What It Means for Creators

We’re not experimenting anymore. We’re operating in an environment where AI is the baseline toolset.

For freelancers, founders, and agencies, this matters:

  • Speed is the new normal → Deliverables that used to take days are expected in hours.

  • Quality pressure rises → Clients assume AI handles the grunt work. Your value is in taste, refinement, and strategic application.

  • Collaboration shifts → Developers and designers now share AI-first pipelines, blurring old roles.

Why It’s a Big Deal

  • Workflows transform: Design + dev is less about manual production, more about direction and iteration.

  • Pricing pressure builds: If AI can ship 80% of the work, you’ll need to show why your 20% is worth premium rates.

  • New niches open up: Training teams, setting up AI systems, and integrating workflows become services in their own right.

My Take

The “AI by the Numbers” report isn’t just data it’s a wake-up call. The industry has quietly crossed the threshold where AI is no longer optional.

If you’re building in this space, you can’t compete on output alone. The leverage is in judgment, curation, and systems thinking. Anyone can prompt. Few can steer outputs into cohesive products, brands, and user experiences.

The winners? Designers and developers who stop fighting the shift and start packaging AI-driven speed with human insight. That’s the combo clients will actually pay for.

🤖 Design Inspiration: Killer Website Mockup’s

Tool Used: Lovable
High-fidelity landing page mockup for a crypto management platform.
Theme: Futuristic, dark UI with glowing accents.
Colors: Black background, neon green highlights (#00FF85), soft gradients for depth.
Layout:

Hero section with headline “Secure Your Success with Smart Crypto Solutions,” subheadline below, and two buttons (Get Started, Watch Video).

Large futuristic 3D sphere illustration (glossy, metallic green).

Below: feature grid with real-time market insights graph, secure/private block, and seamless API/export block.

Research/Insights section with radar-style visualization.

Pricing table with three tiers (Starter, Pro, Business).

FAQ accordion with minimal glowing dividers.

Footer: sleek, dark, subtle glow elements.
Typography: Bold, futuristic sans-serif (Poppins/Inter).
Style: Tech startup, crypto SaaS, cinematic glow, professional and sleek.

Tool Used: Subframe
Modern SaaS website mockup for a team productivity platform.
Theme: Clean, light, minimal.
Colors: White background, soft gray dividers, sky blue (#3B82F6) accents.
Layout:

Hero section with headline “Turn Scattered Work Into Seamless Teamwork,” subheadline, and screenshot of a project management dashboard.

Trusted logos strip (grayscale).

Features grid with cards: Adaptive Organizer, Templates/Workflows, Collaboration, AI Integration, Progress Tracking.

Integrations section showing logos of connected apps (Slack, Notion, Google Drive, Zoom).

Testimonials grid with customer avatars + quotes.

Pricing section with three cards ($10, $25, $40 plans) styled in soft blue hover effects.

FAQ accordion, clean design.

CTA banner: “Ready to Supercharge Your Team’s Productivity?” with bold blue button.

Footer: light gray, minimal, simple links.
Typography: Modern sans-serif (Inter/Roboto).
Style: SaaS-style, approachable, bright, airy, Figma-style UI.
Tool Used: OnSpace AI
High-resolution dashboard mockup for a creator platform.
Theme: Dark mode with neon purple gradients, futuristic creative aesthetic.
Colors: Deep navy background (#0B0B1E), neon purple (#8B5CF6), electric green (#22D3EE) accents.
Layout:

Hero section headline “Transforming Digital Creation Through Innovation.”

Dashboard UI showing analytics for creators:

Number of creators, total engagement, creator profitability (card layout).

Recent activity feed + leaderboard section.

Side navigation menu with icons: Overview, Studio, Editor, Analytics, Campaigns, Contest.

Highlights: “AI Animated Video Generated,” “Leaderboard,” “Prompt Panel.”

Footer: clean, subtle glow.
Typography: Futuristic sans-serif (Poppins/Space Grotesk).
Style: Vibrant, bold, glowing accents, visually striking for creatives.

🛠️ Tutorial of the week: How to Build a Website Inspired by Your Favorite Designs in 2 Minutes

Just for you this is your full video breakdown. Check it out here.

Here’s how to design a website in less than 120 seconds…

Step 1: Open ChatGPT and Generate Your Website Prompt

Start inside ChatGPT:

  • Open ChatGPT in your browser.

  • Type the following command: [see below]

  • Attach your design reference image (screenshot, mockup, or inspiration photo).

  • Hit Enter and let ChatGPT generate your custom prompt.

  • Copy the output (this is the exact prompt you’ll use in the next step). 

“Act as a prompt engineer specialized in building websites. Write a prompt to create a site-type website inspired by the attached reference image.”

👉 Pro Tip: Choose a clean, minimal design reference for your first attempt like a simple landing page, portfolio site, or SaaS homepage. The cleaner the inspiration, the easier the AI can translate it into a polished, usable site.

Step 2: Paste the Prompt Into the AI Website Builder

Next, head to your AI website builder of choice Im using Emergent:

  • Create a new project.

  • Paste the prompt you just copied from ChatGPT.

  • Press Generate or Run.

⚡ Within seconds, the tool will generate a full website draft based on your reference design.

👉 Pro Tip: Save your prompt somewhere (like Notion or Google Docs). You’ll often reuse it when experimenting with new inspirations or layouts.

Step 3: Customize With AI Chat Commands

Now the fun part: refining your website.

  • In the builder’s chat box, simply type what you want changed. For example:

    • “Make the background gradient blue to white.”

    • “Replace the headline with ‘Scale Your Agency Faster.’”

    • “Add a testimonials section below the case studies.”

  • The AI updates the site instantly, no coding required.

🧪 Bonus: Most platforms include a “Theme” or “Style” button where you can quickly adjust:

  • Colors

  • Fonts

  • Spacing/layout

This lets you test multiple variations in minutes.

Step 4: Add Backend & Integrations (Optional)

AI website builders don’t just stop at visuals they can handle backend functions too.

Ask the builder to add:

  • A contact form that sends emails to your inbox

  • A database for collecting leads

  • A payment button for selling products or services

📌 Common integrations include:

  • Google Sheets (store form submissions)

  • Stripe (collect payments)

  • Slack or Discord (send instant notifications)

  • HubSpot or Mailchimp (automated email flows)

👉 Pro Tip: Start simple. Launch with a static site, then layer in integrations as you validate your idea.

Step 5: Deploy Your Website

When you’re happy with your site:

  • Click Deploy (the button is usually in the top-right corner).

  • In seconds, your site will go live on a shareable URL.

  • You can now send it to clients, test signups, or use it as a landing page.

🚀 Congrats you’ve just built a fully functioning website in under 2 minutes without writing a line of code.

🧠 Bonus Pro Tips

  • Keep your reference design clean and minimal → less confusion for the AI.

  • Don’t overthink deploy quickly, then iterate.

  • Pair your live site with a strong call-to-action (e.g., “Book a Call” or “Get Started Free”).

  • If you’re building for clients, save before/after screenshots to show off how fast you can go from idea to live product.

💡 Prompt of the week: Story Boarding Lovart

Lovart helps designers instantly generate logos, storyboards, and brand visuals from simple text prompts, turning rough ideas into polished, production ready assets in minutes instead of days of manual illustration. 

Graphic Tool Used: Lovart
Create a 4-panel storyboard featuring a playful 3D animated child character in Pixar/Disney style. The child is a little girl with light skin, expressive green eyes, rosy cheeks, and reddish-brown hair tied up in a messy bun. She wears a colorful oversized sweater (bright turquoise, yellow, purple patches), grey leggings, and sits or plays in a simple pastel room with a soft pink background and minimal props.

Ensure the same character design, outfit, and environment are consistent across all 4 panels. Each panel should capture a unique moment in the sequence, with smooth emotional progression:*

Panel 1: The girl happily holds a small colorful box of candy, giggling as the candy spills onto the floor. She stands barefoot, eyes closed, full of joy.

Panel 2: Sitting cross-legged, she looks mischievous, peeking through her fingers while holding the box beside her, candies scattered around.

Panel 3: Close-up of her smiling while tipping the box over, candy spilling into her lap. She looks curious and excited.

Panel 4: She throws candy into the air, looking up wide-eyed with arms raised, face glowing with happiness, candy raining down dramatically.

Style: cinematic 3D Pixar/Disney animation, soft lighting, warm colors, high detail, smooth character consistency across frames. Layout the panels cleanly in a 2x2 storyboard grid, each with a consistent pastel background. No text, only visuals. High-resolution, polished finish, ideal for storyboarding a children’s animation sequence.

Wrapping Up

That’s a wrap for today. Could you do me a 30-second favor?

👉 [Survey] – What do you want me to cover next?

Loved this issue? Forward it to a friend who’s stuck in the proposal loop.
Got a win with AI this week? Hit reply I want to hear it.

Catch you next Monday,
— Adrien