inspired by @heybereket, i compiled a list of tools and ressources i regurarly use for my design & code workflow. one tool per stage. here we go.
a 🧵👇
// brainstorming
@mirohq
great for gathering ideas together with a (remote) team.
https://miro.com 1️⃣
// sketching
@conceptsapp
my favourite sketching app for the ipad, works great with apple pencil.
// inspiration
@pinterest
still one of the best tools to gather inspiration.
// wireframing
@whimsicalpowers
great for iterating fast.
// ui design & prototyping
@figmadesign
well known by now, for a reason ;)
// colors
colorbox by @kvyn_
innovative tool for generating colors for a design system.
// gradients
http://cssgradient.io by @moeamaya
great tool with in-depth blogposts.
// typography
fontjoy
awesome for pairing google fonts.
// iconography
unicons by @iconscout
4500+ icons in 4 styles.
https://iconscout.com/unicons 9️⃣
// website builder
@webflow
the best tool for building a website, even if you can code.
https://webflow.com 1️⃣0️⃣
// js framework
@vuejs
great for quick prototyping or whole applications
https://vuejs.org 1️⃣1️⃣
// css framework
@tailwindcss
utility-first css for the win. if you use it once, you won't go back to regular css ;)
https://tailwindcss.com 1️⃣2️⃣
// hosting
@netlify
best hosting service for static webpages. and it's free!
https://www.netlify.com 1️⃣3️⃣
well, that's it, hope you've found it useful! if you did, spread the word by retweeting the first tweet, that'd be awesome :D
what are your favourite tools? let me know down below👇
