Hack Design

What do you want to learn next?

We're back! First new post in over 5 years, this one's from @alexbaldwin about incorporating the latest AI tools into your workflow

Designers, there's a lot to learn from "The Playdate Story" - @cabel's engaging tale of Panic's transition to hardware. Insights on problem-solving, supply chains, and turning ambitious visions into reality. gdcvault.com/play/1034707/T…

20-min Design Masterclass with @raphaelschaad. Learn how small design tweaks can significantly improve visual hierarchy. See the process and real work that go into creating the best user experience. youtube.com/watch?v=2MrNSj…

The FH-7 and it's optional PS-Q7 turntable add-on are peak 1980's Sony design.

Learn CSS grid layouts by playing a gardening game cssgridgarden.com

the rise of the design engineer:

From @figma's article on "The Linear Method: Opinionated Software" figma.com/blog/the-linea… @linear published their product design playbook here for further reading linear.app/method

“Many people try to adapt things from the industry that might not actually be applicable to them, or they might not know the potential downside,” says @jorilallo , citing common tools like OKRs. “They were developed at places that are bigger and growing faster than most companies, so you need to try to understand what's behind them and adapt pieces of them.” More than anything, the reality of high-growth companies is that doing and experimenting is often more instructive than thinking.

“When do the generated images become epistemologically indistinguishable from what Morris created?” by @mappletons maggieappleton.com/generative-for…

Simplified sign-ups might attract more users initially, but showing the true benefits upfront makes a lasting impact. wrap-text.equals.com/p/why-you-shou…

Here's some of the dashboard inspiration we've saved recently. Leave links or screenshots of your favorites below 👇

ShaderGradient allows you to create customizable gradients with ease. You can adjust colors, shapes, and motion properties to suit your project needs. Available in Figma, Framer, and as a React component, making it easy to integrate. → shadergradient.co

Workflows for AI generating production ready interfaces are starting to emerge. Have you found any that work for you yet? twitter.com/shadcn/status/…

We're seeing a theme develop across 2024: simplicity in the planning process leads to higher-quality products. brex.com/journal/buildi…

I made a little video story about the inspiration for Little Plains. 🏖️ It’s special when you get to make your work personal. I’m excited to share the backdrop for the branding, illustrations, typography and art we created. Hope you enjoy! 🎬🎞️🌟

✨ The all-new Figma 101 course is now live and it’s completely free! This course teaches the basics of Figma in one hour with 12 fast-paced videos. It’s meant for beginners, but I’ve had a bunch of seasoned Figma users tell me they learned a lot as well. Here’s a break down of the lessons: 01 Getting Comfy 02 Creating Files 03 Frames & Groups 04 Manipulating Text 05 Using Shapes 06 Using Images 07 Getting Around 08 Auto Layout 09 Components 10 Superpowers 11 Prototyping 12 Collaborating & Sharing As a bonus for joining, you get a complimentary Figma Education plan for 6 months! More details on this inside the course. Get instant access at shiftnudge.com/figma

Get more tips here merttol.com/articles/web/c…

Typography is critical to conveying your message on the web. Key tips: → Chunk content with headers, lists and quotes → Limit line length to 350-550px → Increase leading and letter spacing to improve readability → Use CSS to style first letter/line for emphasis