The ChatGPT and DALLE 2 App Builder Revolution

Using AI to help you create content like app descriptions, articles and images in Apps is the next natural step for AppMachine. ChatGPT is a revolutionary tool that can help you write headlines, texts and app store descriptions. Its visual counterpart, DALL-E 2, can create unique free to use images for your app. ⁠

The future is now! ⁠With the integration of both of these AI applications, AppMachine makes the creation of content for mobile apps a Sunday stroll in Central Park! No more writer's block, copywriting struggles, battling to write instructions or help sections, and hunting for the right image. Your stress and pain are gone. Try the new AppMachine integrations today!
⁠
⁠In this article we will show you how to use ChatGPT and DALL-E 2 to build an app faster.

TL;DR#

AppMachine integrated two new AI applications in the mobile app builder: ChatGPT and DALLE 2.

• AI integrations make it possible to control an app or design platform using natural language input, which can lead to great results a lot faster by working based on an understanding of intent.

• AI applications like ChatGTP and DALL-E 2 will cut the development time of mobile apps.

• You can now use ChatGPT within AppMachine to generate Titles, Content, App Store descriptions, and it can help you come up with ideas for logos and images.

• Use DALL-E 2 within AppMachine to generate icons and images for your app.

What is ChatGPT?#

ChatGPT (Generative Pre-trained Transformer) is a natural language processing model trained to generate human-like text based on the input it receives. It uses machine and deep learning techniques to understand and respond to natural language inputs.

Natural language processing (NLP) makes ChatGPT a powerful tool for language translation, text summarization, and conversation generation tasks. In short, ChatGPT is an implementation of NLP.

ChatGPT was launched in November 2022 by OpenAI; it was trained on top of GPT-3.5, and its knowledge is limited to events up to 2021.

In addition, OpenAI, a rising giant in the field of artificial intelligence, lately launched two more artificial intelligence applications: DALL-E 2 for image creation and Whisper based on advanced speech recognition technology. In this article, we’ll take a closer look at ChatGPT and DALL-E 2.

How To Use ChatGPT in Mobile App Development#

The launch of artificial intelligence applications is opening a wide door for integrations into mobile app development systems like AppMachine.

This change will have an impact on how the developer of mobile apps interacts with a design tool like AppMachine. Such a developer may need to gain background knowledge about how to steer intelligent interactions between mobile applications and real-world users.

ChatGPT has been trained with a vast (historical) knowledge of human behavior. This gives it the capability to suggest ideas for resolving complex problems which are likely to have been (partially) solved before. ChatGPT not only executes your desk research for you (saving you a lot of time), it can translate the research directly into a suggested solution for your problem, all in the blink of an eye. This is what makes AI integration such a leap forward in the way we will interact with software from now on.

The interaction between the app developer and the artificial intelligence tool usually takes the form of requests for suggestions like “give me ten catchy titles for X” or questions like “what do you think is the best for X.” Basically you have train yourself into asking the right questions to make sure the AI comes up with the most suitable answer.

We must emphasize, though, that at any stage of using artificial intelligence tools which incorporate elements of machine learning, we have to check the facts given to us. Machine learning and neural networks have a probability of error. These errors become very obvious in visual responses, but less so in textual suggestions.

The image above is not a stock photo. We created the image by asking the AI to generate a "3d illustration of the letters A and I floating next to each other made of grass with small flowers floating in the sky, sunny midday lighting, octane render”.

The Practical Use of ChatGPT in Mobile App Development#

So great. Reading this article you've probably heard about the AI hype, but you might be wondering what the hype is all about. How will AI come with practical solutions to your problems? The short answer is - AI can help you with everything! (Currently) this artificial intelligence tool can't boil your egg, but it can provide you with the exact steps on how to do it, along with some alterntive ways you might have never considered.

Translated to mobile app development, a mobile application includes a lot of content. E.g. titles, text descriptions, copywriting, operating instructions, data, image captions, text prompts, customer interactions, and more. With the help of ChatGPT, we can significantly increase the speed with which you can create this content, and also improve them once you have your draft ready.

You can communicate with ChatGPT by giving it a prompt.

What is a prompt? A prompt is an input (e.g. a phrase or individual keyword) that instructs an artificial intelligence tool like ChatGPT. The AI then tries to analyze and understand the information and automatically generates a response. Whether or not that response is what you are looking for is strongly determined by the way you formluate your prompt.  

What makes a good prompt? When writing your prompts, pay attention to the following points:

• Write your main prompt in clear, short sentences.

• Provide specific details about the things that are important, and explain the context of your question, like you would explain this to a human.

• You should select words that are easy to interpret (e.g. words with multiple and diverse meanings should be avoided where possible) so that the tool can interpret the context more effectively.

• The more specific your prompt, the better your result will match your intent.

• Finally, make sure the meaning behind each sentence is understandable – this helps the AI set the proper context and generate better responses.

Let us look at a few practical examples of how AI technology can enhance mobile apps.

Titles and Subheadings#

In any screen you need titles, perhaps subheadings, and maybe even an outline; AI can help you with all of those. But before that, you may know what kind of app you want to make, but don't have a catchy name yet. So let’s start at the beginning: 

Prompt: "Suggest 5 catchy and fun titles for a mobile application that helps people to learn math."

Copywriting#

Several copywriting frameworks provide a step-by-step process for organizing and presenting information, from capturing attention and arousing interest to creating desire and prompting action. Examples of copywriting frameworks include AIDA, PAS, USP, Soap Opera Sequence, Monomyth, and more.

The framework selection depends on the message and the audience you are trying to reach. It helps make the message more relatable and keeps the audience engaged, making it more effective and persuasive. Being aware of how these framework structure content can help you generate the best output for your situation. Consider the following example:

Prompt: "Please write a before-after-bridge for the title "Math Ninja: Become a Math Pro."

We used that result to put on the Introduction page in our Math Ninja app.

Text Generation#

So we now have an introduction, lets continue with a welcome:

Prompt: "Write a text of about 100 words for the app "Math Ninja: Become a Math Pro" which can be shown on the welcome screen of the app."

App Store information#

When you want to upload your app to the app stores, you will need a description and keywords. The AI can help you with that! Let's start with the description for your app in the app stores.

Prompt: ⁠"Write a compelling app store description of a maximum of 4000 characters which is ASO optimized for the app "Math Mania" that helps people to learn math."

Now ask the AI to ⁠write a list of 10 keywords that can help my app be easy to find in the Apple App Store:

Now we can simply add the generated text in the Edit Store information screen for the Apple App store and we're done with a draft of our basic app store information.

Color suggestions#

You can even ask ChatGPT to come up with some color combinations to style your app.

Prompt: "Give me 3 compelling colorpallettes of one pastel color and one bright color defined in Hexcodes which can be used in an mobile app "Math Ninja" to learn children of 6-9 years math."

When we choose the second suggestion, this is how that looks in the app:

Logo and Icons#

We can also generate logos and icons with the help of ChatGPT. Creating a good app icon is all but an easy feat. If you haven't read it yet, take a look at our article about the details to consider when creating an app icon.

Things do become a bit easier when you can call in the help of an AI. When creating an image as specifc as an app icon, you could even combine the two AI's. First you instruct ChatGPT to generate prompts for DALL-E 2. Then these prompts are input into DALL-E 2 to generate the images of the logos or icons. 

Prompt: "Please suggest 3 prompts as input to DALLE to create icons for a mobile app game learning 6-9 year old children to do math."

What is DALLE 2?#

DALL-E 2 is a new AI system that can generate realistic images and art from a prompt in natural language.

DALL-E 2 represents a revolution in AI image generation technology. It understands human prompts and natural-language prompts generated by ChatGPT, allowing an exceptional level of control over topics, styles, techniques, angles, backgrounds, locations, actions, attributes, and concepts – and it generates images of realistic quality. 

How to Use DALL-E 2 in Mobile App Development#

Anyone can generate an image with DALL-E, but generating images for very specific cases, like an app icon, comes with some expertise. In the following sections we will try and teach you how to compose the right prompts to generate the images you're looking for.

When you start playing around with AI, you will have to experiment to achieve your desired result. But like with any form of play, with each interaction, you will discover a new world of opportunities. As Einstein once said: "Play is the highest form or research".

When approaching DALL-E 2, think of it as a skilled artist that has a vast knowledge of media styles and is acquainted with many artists’ styles. Because the AI is so broadly "educated", you will have to be very specific on what you want it to create.

Let's dive into some practicalities.  

The following sections mainly demonstrate DALL-E 2’s capabilities, showing what you can create. As mentioned before, the quality of the result strongly depends on the way the prompt is formulated and how detailed it is; don't expect to get exactly what you want on your first try. You can even try a prompt a few times and get different results every time, or tune and continue improving your prompt until, hopefully, you get the desired result. ⁠⁠

Illustrations#

DALL-E 2 can create illustrations for your app that resemble the artworks made by a human in different illustration styles. When instructing DALL-E, you can be very specific about, for example, the color style, how the color is applied, the type of digital media or even the complete artistic style (e.g. abstract, cartoony, realistic).

With the instructions below we created a few images for our Ninja Math app. We used DALLE 2 to create an app icon, and with a few tries, we generated a suitable icon.

Prompt: "White icon of a orange cartoony mathbook, gradient background with hexcolor #FFA500 , 3d render, best of dribbble, ui/ux"

⁠and this prompt aso resulted in a nice looking app icon:

Prompt: "White icon of a orange cartoony mathbook, transparent background , 3d render, best of dribbble, ui/ux"

So why did we include things like "best of dribbble" or "ui/ux" in our prompt? The easy answer is that we've been experimenting ourselves and noticed that focussing on "dribbble" (which is a design sharing platform specifically for user interfaces) and detailing "ui/ux" made sure that the AI was aware that we were looking for something that looks like "it was created by an artist that shared work on dribbble" and that the illustration would be suitable for user interface.

In the following paragraphs we will share words which you can use to fine tune your prompts for DALL-E 2 to generate images in a specific style. The more specific you are, the better the result will be!

Monochrome and Color Styles

Color

Prompt: “Acrylic on canvas portrait of the Snow White.”

Digital Media

Prompt: “Layered paper of an Italian village in pastel colors.”

Instructional Illustrations

Prompt: “voronoi diagram of a dog.”

3D & Textured Illustrations

“Isometric 3D, Samurai village Japan.”

prompt: "3d illustration of a robot standing next to an easel working on a beautiful painting in a hip, industrial and sunny studio with large windows, octane render"

Characters & Cartoons

Below you can find some ideas how you can trigger DALL-E 2 to create images using a certain character or cartoon:

Prompt: "Pixar reading a book."

Animation-related Prompts

For animations in the style of animators from TV shows and films:

Illustrator-based Prompts

In the style of particular illustrators:

Prompt: "Vikings village in the style of Hayao Miyazaki. "

3D Artwork#

Sculpture Materials, Paper, and Textiles

Prompt: "Terracotta warriors sitting around a table."

Places and Spaces

Detailed Information in Photography#

To create photos, you have to start thinking like a photographer and make your prompts as specific as possible.

• How will you compose the image?

• What emotional vibe do you want the photo to project?

• Think about proximity to your subject, angle? Depth of field?

• Lighting; how is the subject lit? From where and how intense is the light? Will you use artificial or natural light? Cool or warm? Color, time of day?

• The lens? Macro, telephoto, or wide angle?

• Where will you take the shot? In a studio or outside?

• Are you going to use an analog camera or a digital one? The film?

• And finally, think in what context you are using it.

Photo Prompt Structure

The general structure of a prompt for photography can be represented like this: vibe, framing, shoot context, lightning, lens, camera, and year. 

The prompt for the image below was: “photo of an apple pie with a dollop of whipped cream, surrounded by apples, professional food photography, studio lighting, wide shot, rustic wooden table”

Camera Proximity, Position, and Angle

The AI tool interprets proximity prompts loosely. A close-up prompt might give extreme close-ups. In any case, you can try extreme close-up, close-up, medium shot, long shot, or extreme long shot.

Positioning and angle prompt: overhead view from above, high angle, low angle, from below, worms-eye-view, shot from below, aerial view, bird's eye view, or drone photography. 

Focus, Speed, and Settings

Regarding speed, you can experiment with: high speed, action photo, 1/1000 sec shutter, slow shutter speed, 1-sec shutter, or extended exposure. For depth of field: shallow depth of field, blur, out-of-focus background, or macro photo. Sigma 105mm F2.8 - for small scenes, wide angle lens, 15mm, fits more of the scene in the frame. Fish-eye lens: distorts the scene, or an f/22, 35mm will make all elements sharp.

Lighting (Outdoor and Indoor)

Prompts: Golden hour, dusk, sunset, sunrise - warm lighting, strong shadows. Blue hour, twilight, cool. Midday, harsh overhead sunlight, overcast, cloudy afternoon. Let's try the following for a car rally app, with an event in the summer:

Photo of a vintage sports car driving through the countryside, lush environment, warm natural lighting, mid-day

Film Stocks, Types & Processes

Photographer Prompt Tests

You can create photos in the style of different photographers.

Prompt: “Photo of a young Italian woman in the style of Annie Leibovitz.”

Contexts & Use Cases

You can get a good result by specifying the context in the prompt: a photo for a sports magazine, for example.

"Photo of an American athlete, action sports photography, fast shutter, stadium lights."  

Final Photography Tips

You can still edit your images in familiar tools like Photoshop and correct them where DALLE may fail you. 

DALL·E also knows about many photographers, directors, and movies. You can try to use their style.

Ask yourself if you need a photo. Sometimes an illustration will be the right solution for you, like  "a mouse and elephant that are friends."

If you want a clear photo of your subject, ask for “studio lighting” or “studio photography.”

Reference Material#

There is a vast amount of information in the form of articles and videos on the internet. If you want to, read more about “prompt engineering.”

Reference Material for ChatGPT#

Awesome ChatGPT Prompts

Advanced ChatGPT Prompt Engineering

Reference Material for DALLE 2#

DALLE 2 Prompt Engineering Guide

To Conclude AI in Apps#

We looked at the capabilities of two new AI applications in building mobile apps with AppMachine - ChatGPT and DALLE 2.

The right question now is: what are the benefits of using this AI technology?

• AI enables apps to understand and respond to natural language input, making them more user-friendly.

• AI can provide personalized content and experiences based on a user's preferences, browsing history, and other data.

• AI can analyze data and provide insights to help users make more informed decisions.

• AI analyzes data and responds to real-time events, which is especially useful for apps that need to react to changing conditions or user interactions. In this case, it will be nice to incorporate “computer vision“ and “object recognition.”

• AI applications like ChatGTP and DALLE 2 will cut the development time of mobile apps.

AppMachine now incorporates ChatGTP and DALLE2, so start using AppMachine today!