getdesign.md copies brand designs: theft or starting point?
DesignCoursego watch the original →
the gist
Live demo integrates Bugatti's design.md into a pool training app via Claude; results capture style essence but need customization like font swaps (Garamond to Manrope) and color tweaks to avoid lame copies—modern templates, not theft.
Extraction and Integration Demo
Gary Simon runs npx getdesign@latest add bugatti in his pool training app project folder to fetch Bugatti's design.md file. He prompts Claude AI to integrate it: first, create a secondary homepage using the new design.md as reference; second, spawn four Figma design agents to design in Figma using that system. The browser result shows a hero section, typography, and layout echoing Bugatti's high-end style (serif fonts, grayscale tones) adapted to app context without images or pool table assets. Figma output mirrors this, allowing manual tweaks.
Customization Steps
Simon swaps the secondary font from Garamond to Manrope via Figma AI prompt: "replace all instances of that Garamon font with manroe." He then prompts: "change perhaps all instances of the buttons that show up and we'll give it a primary color," shifting from monochromatic grayscale to a colored scheme with redesigned buttons. Users iterate similarly in code by prompting Claude or in Figma for uniqueness.
Ethics and Context
Simon deems exact copies lame and crappier due to AI limits on unique project needs, echoing Tailwind CSS creator Adam Wathan's critique of indistinguishable knockoffs. Non-designers benefit as a starting point, per James Quick's defense. Skilled designers need not fear: copies inferior without design eye, akin to 1990s TemplateMonster.com templates. Customize honestly for inspiration, not rip-offs.