Blogging should be focused on writing great content. But writers, myself included, spend a ton of time creating link preview images to share on social.
Mugshot Bot automates the process, across your entire blog. Drop in one line of HTML and when you share your post on Twitter or Facebook a dynamic image is generated based on your content.
Pro accounts can automate images for their entire blog via a URL, including color and theme customizations. Free (forever!) accounts need to create images via the web UI first.
To celebrate the launch I've set aside some 50% off lifetime deals. There are a limited number available and will lock in your discounted rate forever. I hope you enjoy using Mugshot Bot as much as I enjoyed building it! Let me know if you have any questions on how I built it or what's coming next.
Being an agency, this tool helps us to much faster get og:image tags organised. Also, it organizes the design already. We want to focus on code and thus are not designers...
Based on our record, Atlassian Design should be more popular than Mugshot Bot. It has been mentiond 11 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Atlassian Design System: Atlassian's Design System encompasses a color module encompassing primary, secondary, and functional colors, along with an extended palette for shades and tints. The system provides comprehensive guidelines for effective color usage and emphasizes accessibility. - Source: dev.to / 9 months ago
Atlassian design system: https://atlassian.design/. Source: about 1 year ago
Regarding discoverability, you could build a directory with documentation. Similarly to how design systems are documented, e.g: https://atlassian.design/ But if you really want to share them you'll probably need to evangelize it somehow. Source: about 1 year ago
Step 5: Study design system Atlassian design system Primer design system Spectrum, Adobe’s design system Carbon design system. - Source: dev.to / over 1 year ago
Have you checked out https://atlassian.design/ and https://www.atlassian.com/team-playbook? They're pretty good. Source: over 1 year ago
What an amazing story the one from Joe where he tells us how he built, scaled, and sold MugShotBot in 14 months! - Source: dev.to / over 2 years ago
Does anyone know how to find the implementation / service in use at github for this? The blog post has no additional details, nothing. I dug deep into this topic a few weeks ago and actually build a svg + placeholder => png render service. Also found https://mugshotbot.com/, which seem quite nice, but my approach is more a "bring your own svg". - Source: Hacker News / about 3 years ago
Design Principles - An open source repository of design principles and methods
Piar.io - Create beautiful custom link previews for all your social media channels in one place
Colorbox.io - Create accessible color systems 🎨
Linkz.ai - Automatic rich link previews on hover that keep visitors on your website
Facebook Design - Resources for Designers from the Facebook Design team
Link Preview Generator - Messenger style website preview for your favourite notes app