Hack Design

An easy to follow design course for people who do amazing things.

[Hack Design @hackdesign]

What do you want to learn next?

[Hack Design @hackdesign]

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

[Hack Design @hackdesign]

https://t.co/tQ7WxD5CT5

[Hack Design @hackdesign]

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.

https://t.co/gTQ3ybR8Ge

[Hack Design @hackdesign]

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.

https://t.co/DSpQUEKdWt

[Hack Design @hackdesign]

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

[Obsolete Sony @ObsoleteSony]

The 1984 Sony FH-7 was known for its compact design, high-quality sound, and innovative features.

[Hack Design @hackdesign]

Learn CSS grid layouts by playing a gardening game

https://t.co/EFWAoPAgrS

[Jordan Singer @jsngr]

the rise of the design engineer:

[Hack Design @hackdesign]

From @figma's article on "The Linear Method: Opinionated Software"

https://t.co/GOH3ZCcpla

@linear published their product design playbook here for further reading https://t.co/VzBeexptHZ

[Hack Design @hackdesign]

“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.

[Hack Design @hackdesign]

“When do the generated images become epistemologically indistinguishable from what Morris created?” by @mappletons

https://t.co/Bf4K4aUMsL

[Hack Design @hackdesign]

Simplified sign-ups might attract more users initially, but showing the true benefits upfront makes a lasting impact.

https://t.co/QrG5t3Kt1t

[Hack Design @hackdesign]

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

[Hack Design @hackdesign]

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.

→ https://t.co/R7ocLuVcWm

[Hack Design @hackdesign]

Workflows for AI generating production ready interfaces are starting to emerge. Have you found any that work for you yet?

https://t.co/qLfR3d59Dn

[shadcn @shadcn]

How I use @v0 for UI development ⬇️

Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.

[Hack Design @hackdesign]

We're seeing a theme develop across 2024: simplicity in the planning process leads to higher-quality products.

https://t.co/9eZSQRXp2z

[Emmett @emmettshine]

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! 🎬🎞️🌟

[MDS @mds]

✨ 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 https://t.co/zyL81eDmVN

[Hack Design @hackdesign]

Get more tips here https://t.co/liqnO4SNgo

[Hack Design @hackdesign]

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