Pablo Ruiz-Muzquiz, CEO at Penpot, opened the second day at Penpot Fest event with his keynote on the State of Penpot and the rise of artificial intelligence. He emphasized the significance of seamless collaboration between design and development teams through Penpot, the best facilitator for embracing the current state of design.

1. Barcelona · June 2023
The state of Penpot & the rise of AI
KEYNOTE

4. Proprietary format

5. Proprietary format

6. Proprietary format
Open Standards (SVG, CSS)

7. Designers & Developers silos

8. Designers & Developers silos

9. Designers & Developers silos
Welcoming developers to the
design process

10. SaaS only

11. SaaS only

12. SaaS only
SaaS, private cloud, hosting as a
service & Desktop

13. Secrecy

14. Secrecy

15. Secrecy
Full transparency

16. Closed & Expensive

17. Closed & Expensive

18. Closed & Expensive
Open Source & Free for ever

19. FEST
Feb 2023
Penpot 1.17-stable
Jan 2022
Penpot 1.10-beta
Feb 2021
Penpot 1.0-alpha
1:2 designer:developer team ratio is our secret sauce!
Not taking shortcuts doesn't mean you can't move superfast!

20. FEST
How an open beta access heavily impacted a game changer feature
Case study: Flex Layout

21. FEST
Dozens of high quality libraries & templates, 32 supported languages
The Community makes Penpot's onboarding even more accessible

22. Desktop offline
mode
Taiga
confluence
Tokens Studio
integration
Plugin
architecture
FEST
We will be releasing iteratively
Mid-term roadmap

23. FEST
Desktop as a Server mode!

24. component-name
parent component name
Component
Search Penpot - Design Sys...
Swap component
Design System v2.0
Cursors
Actions
Alignment
File
Organization
Notifications
Icons
component-name
parent component name
Component
Search Penpot - Design Sys...
Swap component
Design System v2.0
icon-copy
icon-hamburguer
icon-search
icon-folder
icon-document
Organization
32,50
Cat backpack
32,50
Cat backpack
FEST
Doubling down on scalable design systems
Components v2

25. FEST
Slicker & faster. Best of both worlds, open source and design
Revamped UI

26. FEST
Unlocking the power of CSS Grid for designers!
Grid Layout!

27. We've been busy
The rise of AI

28. Someone definitely not at Penpot Fest
"Designers! You'll still be the most unique &
creative beings, but to get that AI productivity
boost you must unconditionally surrender your
agency and ownership."
If you start to hear too often...

29. AI EXPLORATION PROCESS
Design Co-pilot
Challenge #1
Design System Advisor
Challenge #3
UX to Documentation Generator
Challenge #2
Content Generator
Challenge #4
Editing SVG elements
Generative-based Co-pilot
Bonus!
Identifying unused components Text-to-Text
Generate an image of the
component or the page based
on the input style or layout
mockup
New component generation
New layout generation
Refactoring duplicated
components
Text-to-image or Image-to-text
in whole design
Documentation generation from
“cleaned” SVG
TR - Technology readiness Easy
R - Risks
C - Complexity
Moderate
Hard
TR R C
TR R C
TR R C
TR R C TR R C
TR R C
TR R C
TR R C TR R C

30. -800 -700 -600 -500 -400 -300 -200 -100 0 100 200 300 400 500 600 700 800 900 1000 1100 1200 1300 1400 1500
PR 100%
INSPECT
PROTOTYPE
DESIGN
Size presets
234
H
234
W
234
Y
234
X
234
234
Clip content
Show in view mode
4
4
4
4
GRID
FLEX
LAYOUT
4
4
3333
Z
ABSOLUTE
STATIC
FLEX ELEMENT
LAYER
100
%
Multiply
FILL
100
%
91FADB
-800
-700
-600
-500
-400
-300
-200
-100
0
100
200
300
400
500
600
700
800
900
10
ASSETS
LAYERS
PAGES
Demo webpage
Boards
DEMO WEBPAGE
Hero section
Content
Bubbles
Awesomic AI Demo
KEYNOTE AI
#summerSpain #cityTour
We at Discover Barcelona offer a wide range of
guided and self guided food & drinks tours, city
tours, tickets to the tourist attractions for
individuals and groups.
Discover
Barcelona city

31. Tour
rcelona offer a wide range of
uided food & drinks tours, city
he tourist attractions for
oups.
er
ona city

32. Tour
rcelona offer a wide range of
uided food & drinks tours, city
he tourist attractions for
oups.
er
ona city

33. Tour
rcelona offer a wide range of
uided food & drinks tours, city
he tourist attractions for
oups.
er
ona city

34. Tour
rcelona offer a wide range of
uided food & drinks tours, city
he tourist attractions for
oups.
er
ona city

35. #summerSpain #cityTour
We at Discover Barcelona offer a wide range of
guided and self guided food & drinks tours, city
tours, tickets to the tourist attractions for
individuals and groups.
Discover
Barcelona city

36. Accesories View all
Washable dog tent
24,99
32,50
Cat backpack
6,80
Dog raincoat
My next best friend...
Móstoles Madrid

37. Accesories View all
Washable dog tent
24,99
32,50
Cat backpack
6,80
Dog raincoat
My next best friend...
Móstoles Madrid

38. Accesories View all
Washable dog tent
24,99
32,50
Cat backpack
6,80
Dog raincoat
My next best friend...
Móstoles Madrid

39. Accesories View all
6,80
Dog raincoat
32,50
Cat backpack
Washable dog tent
24,99 My next best friend...
Móstoles Madrid

40. Accesories View all
6,80
Dog raincoat
32,50
Cat backpack
Washable dog tent
24,99 My next best friend...
Móstoles Madrid

41. Page with layers
Cart
Header/Cart
Header/Cart/Info
Header/Cart/Button
Header/Cart
List/Cart/Item
List/Cart/Item
List/Cart/Item
List/Cart/Item
List/Cart/Item
List/Cart/Item/Button...
MainNav
MainNav/Cancel
MainNav/Button-primary
CHECKOUT
SHARE IT!
TOTAL (3 ITEMS)
226,99
Washable dog tent
24,99
Washable dog tent
24,99
32,50
Cat backpack
6,80
Dog raincoat
32,50
Cat backpack

42. CHECK OU T
SHARE IT!
TOTAL (3 ITEMS)
226,99
Washable dog tent
24,99
Washable dog tent
24,99
32,50
Cat backpack
6,80
Dog raincoat
32,50
Cat backpack

43. CHECK OU T
SHARE IT!
TOTAL (3 ITEMS)
226,99
Washable dog tent
24,99
Washable dog tent
24,99
32,50
Cat backpack
6,80
Dog raincoat
32,50
Cat backpack

44. SHARE IT! SHARE IT! SHARE IT! SHARE IT! SHARE IT!
CHECKOUT CHECKOUT CHECKOUT CHECKOUT CHECKOUT
CHECK OU T
SHARE IT!
TOTAL (3 ITEMS)
226,99
Washable dog tent
24,99
Washable dog tent
24,99
32,50
Cat backpack
6,80
Dog raincoat
32,50
Cat backpack
Button/Primary
Button/Icon-delete
Button/Secondary

45. -800 -700 -600 -500 -400 -300 -200 -100 0 100 200 300 400 500 600 700 800 900 1000 1100 1200 1300 1400 1500
PR 100%
INSPECT
PROTOTYPE
DESIGN
Size presets
234
H
234
W
234
Y
234
X
234
234
Clip content
Show in view mode
4
4
4
4
GRID
FLEX
LAYOUT
4
4
3333
Z
ABSOLUTE
STATIC
FLEX ELEMENT
LAYER
100
%
Multiply
FILL
100
%
91FADB
-800
-700
-600
-500
-400
-300
-200
-100
0
100
200
300
400
500
600
700
800
900
10
ASSETS
LAYERS
PAGES
Demo webpage
Boards
DEMO WEBPAGE
Hero section
Content
Bubbles
Awesome AI Demo
KEYNOTE AI
My dear Mixtape
33 tracks · Public
Hidden
Rival Consoles · 7:38
Holding Horses
Colleen · 5:11
Cumbia de la fuente
Meridian Brothers · 4:35
Become a Mountain
Dan Deacon · 4:05
Miracles (Back in Time)
The Dø · 4:29
Singularity
Jon Hopkins · 6:29
PLAY SHUFFLE
View all
View all
Back in Time Be a Mountain Cumbia de
Hidden
Home Explore Library
Playlists
Singularity
Holding Horses
Recent activity
MyMusic

46. My dear Mixtape
33 tracks · Public
Hidden
Rival Consoles · 7:38
Holding Horses
Colleen · 5:11
Cumbia de la fuente
Meridian Brothers · 4:35
Become a Mountain
Dan Deacon · 4:05
Miracles (Back in Time)
The Dø · 4:29
Singularity
Jon Hopkins · 6:29
PLAY SHUFFLE
View all
View all
n Time Be a Mountain Cumbia de
n
Home Explore Library
ylists
Singularity
Holding Horses
cent activity
MyMusic

47. My dear Mixtape
33 tracks · Public
Hidden
Rival Consoles · 7:38
Holding Horses
Colleen · 5:11
Cumbia de la fuente
Meridian Brothers · 4:35
Become a Mountain
Dan Deacon · 4:05
Miracles (Back in Time)
The Dø · 4:29
Singularity
Jon Hopkins · 6:29
PLAY SHUFFLE
View all
View all
n Time Be a Mountain Cumbia de
n
Home Explore Library
ylists
Singularity
Holding Horses
cent activity
MyMusic

48. My dear Mixtape
33 tracks · Public
Hidden
Rival Consoles · 7:38
Holding Horses
Colleen · 5:11
Cumbia de la fuente
Meridian Brothers · 4:35
Become a Mountain
Dan Deacon · 4:05
Miracles (Back in Time)
The Dø · 4:29
Singularity
Jon Hopkins · 6:29
PLAY SHUFFLE
View all
View all
n Time Be a Mountain Cumbia de
n
Home Explore Library
ylists
Singularity
Holding Horses
cent activity
MyMusic

49. My dear Mixtape
33 tracks · Public
Hidden
Rival Consoles · 7:38
Holding Horses
Colleen · 5:11
Cumbia de la fuente
Meridian Brothers · 4:35
Become a Mountain
Dan Deacon · 4:05
Miracles (Back in Time)
The Dø · 4:29
Singularity
Jon Hopkins · 6:29
PLAY SHUFFLE
View all
View all
n Time Be a Mountain Cumbia de
n
Home Explore Library
ylists
Singularity
Holding Horses
cent activity
MyMusic

50. MA
View my music library on the
Home screen
1
Access my playlists and recent
activity
2
Play music tracks from my library
3
Create and manage playlists
4
View my recent activity
5

51. My dear Mixtape
33 tracks · Public
Hidden
Rival Consoles · 7:38
Holding Horses
Colleen · 5:11
Cumbia de la fuente
Meridian Brothers · 4:35
Become a Mountain
Dan Deacon · 4:05
Miracles (Back in Time)
The Dø · 4:29
Singularity
Jon Hopkins · 6:29
PLAY SHUFFLE
View all
View all
n Time Be a Mountain Cumbia de
n
Home Explore Library
ylists
Singularity
Holding Horses
cent activity
MyMusic

52. My dear Mixtape
33 tracks · Public
Hidden
Rival Consoles · 7:38
Holding Horses
Colleen · 5:11
Cumbia de la fuente
Meridian Brothers · 4:35
Become a Mountain
Dan Deacon · 4:05
Miracles (Back in Time)
The Dø · 4:29
Singularity
Jon Hopkins · 6:29
PLAY SHUFFLE
View all
View all
n Time Be a Mountain Cumbia de
n
Home Explore Library
ylists
Singularity
Holding Horses
cent activity
MyMusic

53. My dear Mixtape
33 tracks · Public
Hidden
Rival Consoles · 7:38
Holding Horses
Colleen · 5:11
Cumbia de la fuente
Meridian Brothers · 4:35
Become a Mountain
Dan Deacon · 4:05
Miracles (Back in Time)
The Dø · 4:29
Singularity
Jon Hopkins · 6:29
PLAY SHUFFLE
View all
View all
n Time Be a Mountain Cumbia de
n
Home Explore Library
ylists
Singularity
Holding Horses
cent activity
MyMusic

54. AI EXPLORATION PROCESS
Design Co-pilot
Challenge #1
Design System Advisor
Challenge #3
UX to Documentation Generator
Challenge #2
Content Generator
Challenge #4
Generative-based Co-pilot
Bonus!

55. Thanks!
github.com/penpot
Source code
community.penpot.app
Community
penpot.app
Web