Sketch App Sources

medium.com/sketch-app-sources · Company blog · on HN since 2015

A Medium publication collecting articles on Sketch app design, prototyping tools, and design-to-code workflows.

What HN saysHN links its landing page article, with one commenter praising its examples. Another dismisses a related site as an unoriginal tool recommendation list.
32HN people shared it
11linked it in comments
32stories submitted
60story points
3 years agolast shared
2015people per year2026

Most-shared posts

  1. 1
    Sketch Aims to Become a Development Platform
    4 people · 8 points · first shared 2017 · discussion on HN
  2. 2
    26 Steps of Product and Dashboard Design
    3 people · 8 points · first shared 2016 · discussion on HN
  3. 3
  4. 4
  5. 5
  6. 6
    Sketch Workflow – 8 Point Soft Grids
    2 people · 3 points · first shared 2016 · discussion on HN
  7. 7
  8. 8
    Auto-Layout for Designers
    1 people · 4 points · first shared 2017 · discussion on HN
  9. 9
    How to use Sketch to design floor plans (2017)
    1 people · 3 points · first shared 2019 · discussion on HN
  10. 10
    Design to Code with Protoship UIPad
    1 people · 2 points · first shared 2016 · discussion on HN
  11. 11
    React Sketch.app: backstory and full vision
    1 people · 2 points · first shared 2018 · discussion on HN
  12. 12
    Features I Would Like to Use in Sketch
    1 people · 2 points · first shared 2016 · discussion on HN
  13. 13
  14. 14
    Consistency and Drudgery in UI Design
    1 people · 1 points · first shared 2019 · discussion on HN
  15. 15

What HN people wrote when they linked it

huphtur · 2018-03-29
Good article on how to improve your landing page (with some great examples): https://medium.com/sketch-app-sources/improve-your-landing-page-by-lea…
invalidname · 2023-07-04
I'm not a Python guy so never worked with Sphinx and never really heard of anyone using it for something like a book. It looks like it suffers from the same problems that MD suffers from. Building a markup language is really easy. That's why we have so many and multiple independent implementations of markdown. The problem is that last mile to get production and mostly printing right. That's super hard and even asciidoctor doesn't get it perfectly. These Manning does use asciidoc for writing, it's great for that. But when you need to create a book they move it to docbook and then typeset using the traditional typesetting programs. Despite all the work it's 95% of the way for the sublime book experience. I'd say every other alternative is 90% of the way at best. To get a sense of what you need to do to create a professional book without that typesetting work check out this post https://medium.com/sketch-app-sources/using-sketch-and-asciidoc-to-gen…
orarbel1 · 2018-07-19
You definitely have a point. This type of solution has obvious upside. The truth is that it has been tried many times before (Flash, Frontpage, Adobe Muse). The hard thing here is to being adopted both by the designers who start the process and at the same time generate code that developers will agree to work with. The way we tackle this is by giving designers tools to express what they want in ways that were not available before, and then use the output to generate code. For example, one popular feature is Stacks[1] which is basically CSS Flexbox for Sketch. When designers use Stacks, we can then use that data and generate an actual CSS Flexbox from it. Designers are adopting this approach but in terms of code generation, we still have a lot of room for improvement. The code works great, but it's not always optimal in the way that a good human developer would write it. We have an internal goal, which is to pass the "Turing Test", where a developer will not be able to recognize whether our algorithms or by a fellow human developer. [1] https://medium.com/sketch-app-sources/auto-layout-introducing-stacks-f…
sixQuarks · 2017-01-11
Once again, a tool recommendation site that doesn't do anything different or unique than what's been done or what's out there now. This is just like BestVendor.com (site was sold a few years ago, but more of an acquihire). There are tons of these types of review sites. http://www.stacklist.com/ https://startupresources.io/ https://stackshare.io/ And they're all pretty much the same. They're mostly just a list of tools, sorted by popularity or recommendations. I'm sorry, but this is just not that useful for me. It still requires a ton of time to look through and research the tools. Sure, it's useful just to help start your research, but it ends there. I've researched this space in-depth and have a solution that's different, but way more useful. I'm just too busy working on other stuff to tackle it right now. --------------- To give you guys an idea of what I'm thinking, here is a tool comparison that is much more useful to me. https://medium.com/sketch-app-sources/five-app-prototyping-tools-compa… It's ONE guy that researched 5 competing prototyping tools with a specific task in mind. He lists the pros and cons of each, and goes into some detail on each one and how they performed with his particular task. I wouldn't be copying this exact format, but the takeaway here is that it's ONE person that has researched ALL or most of the tools within a particular category, and had an actual task to accomplish, so…
codetrotter · 2021-07-26
> the typographic scale for desktops will be major-third, while for the smaller mobile phones, it will have to be minor-third I tried to google major-third and minor-third with various keywords but couldn't find anything relevant. Could you expand on this and explain what it means? Edit: Never mind, I found some. Here: - https://medium.com/sketch-app-sources/exploring-responsive-type-scales… - https://spec.fm/specifics/type-scale - https://designcode.io/typographic-scales - https://type-scale.com/
nobleach · 2017-01-09
I've had the opposite experience. Exports from sketch have the potential to be way off the canvas. This page has helped quite a bit: https://medium.com/sketch-app-sources/exploring-ways-to-export-clean-s…
jasim · 2017-01-03
cynicism is well warranted. but if you're open to possibilities, they might pleasantly surprise you. > This claim is typically met with skepticism. Isn’t generated code unusable? Are the elements going to be absolutely positioned? Would the CSS classes be named correctly, and how reusable would they be? https://medium.com/sketch-app-sources/code-generator-to-create-react-p…
boudewijnrempt · 2016-07-15
But sketch also doesn't support CMYK, does it? Otherwise people wouldn't need tricks like https://medium.com/sketch-app-sources/creating-resume-in-sketch-d6a77c…
kawera · 2016-04-14
There are some good articles and tutorials at http://www.sketchappsources.com. And a collection on Medium: https://medium.com/sketch-app-sources

Keyboard shortcuts

/Search
j kNext / previous blog
EnterOpen selected blog
vVisit the blog site
fFollow / unfollow
lSwitch grid / list view
dSwitch dark mode
g hHome
g pTop posts
g tTopics
g fFollowing
g lLiked
g yHistory
g qFAQ
EscBack / close