Using a Design System to Guide AI in Framer Site BuildingUsing a Design System to Guide AI in Framer Site Building
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Jalal's avatar
Jalal Eddine
• Oct 7
Trying a different @Framer workflow with Parren.
Instead of asking an agent to design an entire site, I designed the hero manually first and used it to establish the visual direction.
Typography, colors, spacing, buttons, imagery, and responsive behavior were then turned into a proper design system and Framer Skill.
Only after that did I let the agent start extending the site.
The interesting part is that AI becomes much more useful once it has taste and constraints to work from.
The goal is not to automate the creative direction.
It is to make a good creative direction easier to scale.
Completed work
Framer Website DesignFramer Website DevelopmentFramerWeb Design
Post image
Zahidul's avatar
Zahidul Hossain
• Oct 7
❤️❤️❤️❤️
Jalal's avatar
Jalal Eddine
• Oct 7
🔥 💯
Kaushal's avatar
Kaushal Bodar
• 2d
Crisp, clean, and effective.
Jalal's avatar
Jalal Eddine
• 1d
Thanks Kaushal I appreciate it!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started