AI Helps You Make Art With Code

How an AI helper teaches you to draw shapes with simple code.

5 min · Reviewed 2026

The big idea

You can draw with code! An AI helper can show you how to make circles, squares, and patterns just by typing.

Some examples

AI shows code that draws a red circle.
It changes one line and the circle turns blue.
It writes a loop that draws 10 squares in a row.
It dares you to make a pattern of triangles.

Try it!

Ask an AI to write 3 lines of code that draws a smiley face.

Code is a paintbrush 🎨

Did you know that some of the coolest digital art in museums was made with code? Artists use programming languages to draw patterns, create animations, and even make art that changes every time you look at it. When you mix coding and creativity, something amazing happens. With AI's help, you can start making code art TODAY without knowing any programming. Tell AI what you want to draw — a sunset, a robot, a field of stars — and it will write the code to draw it. The best part? Changing art is as easy as changing one number. Change '100' to '200' and your circle gets bigger. Change 'red' to 'blue' and the whole mood shifts. 🌟 Tools like p5.js (a free art-coding tool) let you create colorful shapes right in your browser. AI can write p5.js code that fills the screen with bouncing circles, draws a face with emoji-like shapes, or creates a pattern that changes as you move your mouse. You become the art director and AI is your coding artist!

Changing one number in art code changes the whole picture — experiment freely!
Loops are perfect for art: 'draw 100 circles in random places' with just a few lines
p5.js is a free tool beginners use to make code art in a web browser
Ask AI: 'Make the circles change color when I click the mouse' to add interactivity

End-of-lesson check

15 questions · take it digitally for instant feedback at tendril.neural-forge.io/learn/quiz/end-explorers-ai-coding-AI-and-art-with-code

Can you actually make art just by writing code?
1. No — art can only be made with real paintbrushes or drawing apps
2. Yes — code can draw shapes, patterns, and animations on a screen
3. Only if you're an adult professional
4. Only in black and white
What is p5.js?
1. A type of pencil used for digital drawing
2. A free tool used to create colorful shapes and art in a web browser with code
3. A music-making app for phones
4. A video game that teaches coding
In code art, what is the BEST way to experiment and explore?
1. Change everything at once and see what happens
2. Never change anything once it works
3. Change ONE number or color at a time to see how it affects the picture
4. Ask AI to randomly change things for you
AI wrote code that draws a red circle. You want a BLUE circle instead. What do you change?
1. Rewrite all the code from scratch
2. Ask AI to make a completely new program
3. Change just the color word from 'red' to 'blue' in the code
4. Delete the circle code and draw a square instead
You want code that draws 10 squares in a row. Which coding concept would MOST help with this?
1. A variable
2. A loop
3. A bug
4. An error message
What does 'interactive art' mean in code?
1. Art that only professional artists are allowed to change
2. Art that changes or responds when you click or move the mouse
3. Art made by two people working together
4. Art printed on paper from a printer
Real digital art in museums is sometimes made with code. This is TRUE or FALSE?
1. False — museums only show paintings and sculptures
2. True — many famous digital artists use code to create their artwork
3. True — but only the artists who know 10 programming languages
4. False — code art is only for games, not real art
You ask AI for code that draws a smiley face. You read the code and see the number '100' used for the face size. What happens if you change '100' to '200'?
1. Nothing — changing a number doesn't affect the art
2. The program crashes and you lose all your work
3. The smiley face gets bigger because the size number doubled
4. The color changes from yellow to green
What role do YOU play when using AI to make code art?
1. You are the coding artist and AI is a fancy keyboard
2. You are the art director with creative ideas and AI is the coding helper
3. AI is the real artist and you just watch it work
4. You are the same as AI — neither of you matters more
Which prompt to AI would BEST create interesting code art?
1. 'Make some shapes'
2. 'Write p5.js code that draws 50 colorful bouncing circles that change color when I click the mouse'
3. 'Make a painting'
4. 'Draw something on the screen'
Why are loops especially powerful for code art?
1. Loops make colors brighter
2. Loops let you draw many shapes (like 100 dots) with just a few lines of code
3. Loops are only useful in games, not art
4. Loops make the art appear instantly without loading time
You want to make a pattern of triangles using code. What should you ask AI?
1. 'Delete my code'
2. 'Write code using a loop to draw triangles in a pattern — describe what each part does'
3. 'Draw triangles for me manually'
4. 'Make a triangle only if it's easy'
After AI writes code for a spinning smiley face, what is the BEST thing to do?
1. Show it to friends without reading it yourself
2. Read each line, try changing numbers one at a time, and see what happens
3. Delete it and ask AI to make something more impressive
4. Copy it into all your school projects
What makes code art different from drawing with a pencil or app?
1. Code art can never look as good as pencil art
2. Code art can be generative — the program creates endless variations automatically
3. Code art is only in black and white
4. Code art can only be made on a touch screen
What is the FIRST step when using AI to make code art?
1. Learn all of p5.js before starting
2. Describe your creative idea to AI and ask it to write the starter code
3. Wait until you can write code without any help
4. Copy code from the internet and change the colors

← Back to interactive lesson

Tendril · Explorers · AI-Assisted Coding

AI Helps You Make Art With Code

How an AI helper teaches you to draw shapes with simple code.

5 min · Reviewed 2026

The big idea

You can draw with code! An AI helper can show you how to make circles, squares, and patterns just by typing.

Some examples

AI shows code that draws a red circle.
It changes one line and the circle turns blue.
It writes a loop that draws 10 squares in a row.
It dares you to make a pattern of triangles.

Try it!

Ask an AI to write 3 lines of code that draws a smiley face.

Code is a paintbrush 🎨

Changing one number in art code changes the whole picture — experiment freely!
Loops are perfect for art: 'draw 100 circles in random places' with just a few lines
p5.js is a free tool beginners use to make code art in a web browser
Ask AI: 'Make the circles change color when I click the mouse' to add interactivity

End-of-lesson check

15 questions · take it digitally for instant feedback at tendril.neural-forge.io/learn/quiz/end-explorers-ai-coding-AI-and-art-with-code

Can you actually make art just by writing code?
1. No — art can only be made with real paintbrushes or drawing apps
2. Yes — code can draw shapes, patterns, and animations on a screen
3. Only if you're an adult professional
4. Only in black and white
What is p5.js?
1. A type of pencil used for digital drawing
2. A free tool used to create colorful shapes and art in a web browser with code
3. A music-making app for phones
4. A video game that teaches coding
In code art, what is the BEST way to experiment and explore?
1. Change everything at once and see what happens
2. Never change anything once it works
3. Change ONE number or color at a time to see how it affects the picture
4. Ask AI to randomly change things for you
AI wrote code that draws a red circle. You want a BLUE circle instead. What do you change?
1. Rewrite all the code from scratch
2. Ask AI to make a completely new program
3. Change just the color word from 'red' to 'blue' in the code
4. Delete the circle code and draw a square instead
You want code that draws 10 squares in a row. Which coding concept would MOST help with this?
1. A variable
2. A loop
3. A bug
4. An error message
What does 'interactive art' mean in code?
1. Art that only professional artists are allowed to change
2. Art that changes or responds when you click or move the mouse
3. Art made by two people working together
4. Art printed on paper from a printer
Real digital art in museums is sometimes made with code. This is TRUE or FALSE?
1. False — museums only show paintings and sculptures
2. True — many famous digital artists use code to create their artwork
3. True — but only the artists who know 10 programming languages
4. False — code art is only for games, not real art
You ask AI for code that draws a smiley face. You read the code and see the number '100' used for the face size. What happens if you change '100' to '200'?
1. Nothing — changing a number doesn't affect the art
2. The program crashes and you lose all your work
3. The smiley face gets bigger because the size number doubled
4. The color changes from yellow to green
What role do YOU play when using AI to make code art?
1. You are the coding artist and AI is a fancy keyboard
2. You are the art director with creative ideas and AI is the coding helper
3. AI is the real artist and you just watch it work
4. You are the same as AI — neither of you matters more
Which prompt to AI would BEST create interesting code art?
1. 'Make some shapes'
2. 'Write p5.js code that draws 50 colorful bouncing circles that change color when I click the mouse'
3. 'Make a painting'
4. 'Draw something on the screen'
Why are loops especially powerful for code art?
1. Loops make colors brighter
2. Loops let you draw many shapes (like 100 dots) with just a few lines of code
3. Loops are only useful in games, not art
4. Loops make the art appear instantly without loading time
You want to make a pattern of triangles using code. What should you ask AI?
1. 'Delete my code'
2. 'Write code using a loop to draw triangles in a pattern — describe what each part does'
3. 'Draw triangles for me manually'
4. 'Make a triangle only if it's easy'
After AI writes code for a spinning smiley face, what is the BEST thing to do?
1. Show it to friends without reading it yourself
2. Read each line, try changing numbers one at a time, and see what happens
3. Delete it and ask AI to make something more impressive
4. Copy it into all your school projects
What makes code art different from drawing with a pencil or app?
1. Code art can never look as good as pencil art
2. Code art can be generative — the program creates endless variations automatically
3. Code art is only in black and white
4. Code art can only be made on a touch screen
What is the FIRST step when using AI to make code art?
1. Learn all of p5.js before starting
2. Describe your creative idea to AI and ask it to write the starter code
3. Wait until you can write code without any help
4. Copy code from the internet and change the colors

← Back to interactive lesson