Skip to content
HomeVideosBooksBlogs
AllTop postsTopics
Podcasts
HistoryListsWatch laterLiked videosFollowing

The videos, books, blogs and podcasts Hacker News keeps recommending, all in one place.

VideosBooksBlogsPodcastsAboutPrivacySettings

Data from Hacker News, HackerTube, HackerBooks, HackerBlogs and Open Library. Credits · Not affiliated with Y Combinator.

HomeVideosBooksBlogsPodcasts
Ctrl K
    S

    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.

    Visit blogHN submissions
    Design & UXWeb Development
    What HN says

    HN links its landing page article, with one commenter praising its examples. Another dismisses a related site as an unoriginal tool recommendation list.

    Stats for nerds
    32HN people shared it
    32linked in comments
    60story points
    Jul 2023last shared
    2015people per year2023

    Top posts on HN

    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
      Code-generator to create React projects from design, with clean HTML and CSS
      2 people · 6 points · first shared 2016 · Discussion on HN
    4. 4
      Five App Prototyping Tools Compared Proto.io, Pixate, Origami, Framer and Form
      3 people · 5 points · first shared 2015 · Discussion on HN
    5. 5
      How Designers Should Think About SVG – Design and Sketch
      2 people · 5 points · first shared 2017 · Discussion on HN
    6. 6
      Auto-Layout for Designers
      1 person · 4 points · first shared 2017 · Discussion on HN
    7. 7
      Sketch Workflow – 8 Point Soft Grids
      2 people · 3 points · first shared 2016 · Discussion on HN
    8. 8
      How to use Sketch to design floor plans (2017)
      1 person · 3 points · first shared 2019 · Discussion on HN
    9. 9
      Features I Would Like to Use in Sketch
      1 person · 2 points · first shared 2016 · Discussion on HN
    10. 10
      React Sketch.app: backstory and full vision
      1 person · 2 points · first shared 2018 · Discussion on HN

    What HN people wrote when they linked it

    • sixQuarksJan 2017

      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-compared-form-framer-origami-pixate-proto-io-c2acc9062c61

      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…

    • orarbel1Jul 2018

      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-flexbox-for-sketch-c8a11422c7b5

    • invalidnameJul 2023

      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-generate-a-professional-tech-book-ef5b5d8dd410

    • codetrotterJul 2021

      > 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-cf1da541be54

      - https://spec.fm/specifics/type-scale

      - https://designcode.io/typographic-scales

      - https://type-scale.com/

    • jasimJan 2017

      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-projects-straight-from-design-with-clean-html-and-css-c399a8189f0d

    • nobleachJan 2017

      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-svg-icons-with-sketch-the-correct-way-752e73ec4694#.yt67hz8oy

    Related

    Ignore the Codeignorethecode.net112 people

    Oberon (2009)

    Ignore the Code
    Personal · last shared 2026
    Six Revisionssixrevisions.com173 people

    Git Tutorials for Beginners

    Six Revisions
    Publication · last shared 2017
    Airbnb Designairbnb.design44 people

    Painting with Code: Introducing our new open source library React Sketch.app

    Airbnb Design
    Company · last shared 2023
    Thomas Parkthomaspark.me35 people

    The Al Jaffee / Mad Magazine Fold-In Effect in CSS

    Thomas Park
    Personal · last shared 2026
    Sketch Blogblog.sketchapp.com27 people

    Leaving the Mac App Store

    Sketch Blog
    Company · last shared 2020
    UX Collectiveuxdesign.cc430 people

    The worst volume control UI in the world (2017)

    UX Collective
    Publication · last shared 2026
    Design & Startupsmedium.com/design-startups89 people

    How Paypal and Reddit faked their way to traction

    Design & Startups
    Publication · last shared 2014
    The Startup (Medium)medium.com/swlh1.2k people

    “User engagement” is code for “addiction”

    The Startup (Medium)
    Publication · last shared 2026