Archive for the ‘Sketch’ Category

One Illustration, Three SVG outputs

Posted on: No Comments
Let's say we draw the same vector graphic in different design applications and export each one as SVG for use on the web. Should we expect the same SVG file from each application? On the one hand, we might expect each file to be the same because of ou...

React Sketch.app

Posted on: No Comments
The "normal" workflow I'm sure we've all lived is that design happens, then coding happens. A healthy workflow has back-and-forth between everyone involved in a project, including designers and developers, but still: The code is the final product. You ...

Sketch Now Replicates Inside & Outside Stroke Alignment

Posted on: No Comments
I was just bemoaning strokes the other week: And that's the trouble with text-stroke in CSS: you have no choice. It's center-aligned stroke only. Either of the other options [outside-aligned or inside-aligned], arguably, would have been more useful. Th...

Papercons

Posted on: No Comments
Bobby Grace, on the Dropbox Paper team: On the engineering side, we use inline SVGs. These have many advantages. One advantage is that SVG is a well-structured format that we can manipulate with code. Paper is also using React and has a component for i...

Sketch Vs. Figma: The Showdown

Posted on: No Comments
    The past year has seen quite a rise in UI design tools. While existing applications, such as Affinity Designer, Gravit and Sketch, have improved drastica...

Preparing and Exporting SVG Icons in Sketch

Posted on: No Comments
There is an interesting gotcha about the fill-rule attribute of SVG, detailed here by Anthony Collurafici. Fill-Rule is an SVG property that basically defines how to determine what shapes are filled or subtracted from the shape. The default SVG value i...

How To Create A Realistic Clock In Sketch

Posted on: No Comments
    Creating a clock in Sketch might not sound exciting at first, but we'll discover how easy it is to recreate real-world objects in a very accurate way. Yo...