- Architecture Insights
- Posts
- #005: Website Builders With Artificial Intelligence (Overview Of Features)
#005: Website Builders With Artificial Intelligence (Overview Of Features)
Welcome to this week’s edition of Architecture Insights. A weekly newsletter on artificial intelligence for architects, landscape architects, and designers.
In this week’s issue:
News and Updates: Adobe text-to-vector
Topic: How to build your firm website using AI website builders
Tools and Resources: Types of website/portfolio builders, marketing tools, and creating professional headshots all with AI
This Week In AI
Adobe text-to-vector AI. You can now generate AI images in Illustrator and Photoshop and have them delivered as vector files that you can work on and edit. Read the summary from Adobe here.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e64d1f44-a576-410f-be85-9510b262a75f/Screen_Shot_2023-10-19_at_9.51.26_PM.png)
Source: Adobe
Website Building With AI
Primary Features
AI website builders offer a wide range of features that go beyond those of standard platforms where you have to create the site manually - oftentimes, website designers have to use one application to design the website and another one to host it.
Website Design: Have a fully designed website in under a minute by writing a prompt that details how you want your website to look. Similar to the way you write prompts in ChatGPT or other applications, the more detail the better your result will be.
An example prompt may be:
'“Build me a website for my architectural practice named ‘HeritageStudios’, design it with bright and contrasting colours with the home page displaying past projects and an about us section at the bottom explaining the type of work my firm does.” Then let the AI do the rest.
Content and Website Copy: Suggests written content to fill your site and improve its appearance based on relevant details provided about your firm or practice.
Website Replication: Have a template of a website you want your own to look similar to? Many AI website builders can analyze a URL from another site and create similar designs.
SEO Suggestions: A good way to increase SEO (Search Engine Optimization) is through the use of highly rated words based on Google algorithms. Many AI website builders can recommend ways to improve SEO. This may help increase the traffic to your site from organic search.
Logos: If your company does not have a logo yet, AI can generate multiple options to help you get started.
Code Generation: There are AI website builders out there that enable prompts to generate lines of code that are associated with your design. This is useful if you use sites like WordPress to run your website since you can input code to transfer website designs. It also helps save time and money over hiring a website developer.
CodeWP is a great tool to seamlessly generate code for your website.
5 Examples
1. Mixo will create your website with a prompt in less than 30 seconds.
Below is the prompt we used with Mixo and a screenshot of the landing page it created. The landing page and subsequent pages were all ready in less than half a minute.
Prompt: "Build me a website for an architecture firm that specializes in high-rise residential design in western Canada."
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/66d073c1-dfe5-4f14-8a59-97914daac804/image__1_.png)
Source: Mixo
2. 10web is a simple drag-and-drop website builder that offers customization through templates. With the option to choose from pre-made templates, a landing page can be created in as little as 5 minutes.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/bc8123f1-fa48-4918-8f99-da196eeb2eb6/Screen_Shot_2023-10-19_at_9.47.29_PM.png)
Source: 10web
3. Durable is another similar option to 10web that has templates which resemble project-centred website designs. They both offer free versions as well as reasonably-priced upgraded versions.
4. Visily is an impressive AI designer that allows you to create websites from sketches, screenshots, and text.
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/47a7400b-34e5-4110-99ba-e4192344f902/Screen_Shot_2023-10-19_at_9.49.16_PM.png)
Source: Visily
5. Webflow is a drag-and-drop software that is a bit more intricate because it lets you create fully functioning software applications for your site. This offers ways to integrate ChatGPT or other LLM’s through public APIs. If you require your site to handle low-code applications then Webflow is a great website builder.
Resources
Check out the latest AI marketing tools you can use to gain more exposure for your projects or personal brand.
Try creating professional headshots with AI at HeadshotPro.
AI Image of the week
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e9209a40-aa3a-4fa5-8373-d6baf0adbd8a/_e6b335ef-bc93-4859-9a51-7e23fe57ea39.jpeg)
Prompt: A utopian style, light-coloured wooden building with ceramic glass.
Thank you for reading this week’s issue, check past issues here. Share this newsletter with colleagues, friends, or anyone interested in the combined world of architecture and artificial intelligence.
Until next Friday,
A.I.