I'm a web developer by trade and have typically received designs for websites via PSDs. Lately more and more of the designs I get are Sketch files. I'd like to learn more about Sketch and how to use it for designing websites, specifically pulling designs apart to create html/css/assets. Googling gives me a plethora of options. Does anyone have some good, recommended links on getting started with Sketch?
^ That seems to be a popular choice to learn Sketch.
Yep, Meng To's course is all you need!
I might sound blunt, but well, all you need to know is just a couple of actions:
- Select item/layer
- Copy css attributes (use wisely)
- Pressing alt and hovering any other than selected element would show the distance between those two objects. I especially love this one, so good.
Oh and i personally hate Zeplin. It's a tool for developers working on windows. I prefer sketch files instead.
Last time i used zeplin, it felt terrible and I was having trouble doing basic actions / exporting assets.
this is perfect, thanks.
You can use inspect tools like Zeplin, Avocode or Invision. Designers should make assets exportable on their end so you can grab them easily if you like those tools.
In terms of actually learning the software, this video series was super helpful for me as a conventionally Photoshop person:
Look into zeplin.io. I push my Sketch artboards to it and send them to developers. It works great.
I have tried Zeplin once, but I didn't find it helpful.
I agree. Zeplin is a waste. Long live Figma.
Hey! I recently wrote something that might help you out http://blog.invisionapp.com/sketch-front-end-developers/
I made a crash course on Sketch App if you want to give it a try (free on YouTube). https://www.youtube.com/playlist?list=PLWlUJU11tp4fEXI8deWhBQAHDv9R23WHB
Hey Derrick, to start with - this is the best decision your designers / clients have made. Now, there are several options but I encourage you to start with Inspect by Invision. It's free for one project at a time. See this short video: https://support.invisionapp.com/hc/en-us/articles/207950906-Introduction-to-Inspect.
There's also the measure plugin, but it's more work to it.
thanks for the suggestions everyone, there's some great help here.