Return to site

Sketch 55

broken image


Released 23 July, 2019 – read release notes

Sketchpad: Multi-Touch, Multi-User, Non-Destructive drawing application written in HTML5.

Changes

Sketch 55 Master Sketch Table. Better image (print from pdf) Complete List of Changes. References: SKETCH 55A - RULE 13. References: SKETCH 55A - RULE 13. Stay Connected 'Follow us on Facebook' 'Follow us on Twitter' 'Follow us on Instagram' 'Follow us on. Sketch #55 Hi peeps and hope that you are all OK and enjoying the fabulous weather:) Hugest of thanks to everybody who joined in last week – there were some fab spotty stripey projects an all of them gorgeous!!! New in Sketch 69. Color Variables We're excited to introduce this long-requested feature and one of the final building blocks for a comprehensive design system in Sketch. When you apply a Color Variable to a fill, border or anywhere you can apply solid colors, they'll stay link. From pixel-perfect icons and scalable vector graphics, to full user flows and interactive prototypes, Sketch is the perfect place to design, create, test and iterate. Build designs that scale Lay the foundations for your product's design system with reusable, responsive components that automatically scale to.

Added a colorSpace property and a changeColorSpace method to Document

Sketch has 3 different color profiles: Unmanaged, sRGB, and P3. You can read the current color profile and set a new one. Be careful with assigning a new color profile as there are two subtle, yet impactful, ways of modifying the document: Assign and Convert. https://pzcvp.over-blog.com/2020/12/exchange-rates-2-6-3-download-free.html.

Assign

Assign will apply the current RGB values to the selected profile. This will subtly change the appearance of some colors.

Convert

Convert will change the RGB values for the selected profile, but colors will try to appear mostly the same. Green and Red hues will be the most affected.

For more information on color profiles read the sketch help document on color management.

Usage

Logging native structs now have nicer output in DevTools

Previously, logging things like NSRange would return an unhelpful message and now it returns the location and range as you would expect.

Expose substring in Text.fragment

Now there is more information about how a piece of text breaks across multiple lines.

You'll have access to the rect, baselineOffset, range, and text of each line. baselineOffset is the distance from the bottom of the line fragment rectangle in which the glyph resides to the baseline (here is a graphic to help visualize this)

baselineOffset is the distance from the baseline to the bottom line (frame) of the text (or the Descent height + the Line gap height).

Usage

Sketch

symbol.getParentSymbolMaster used to throw an error. It will now return undefined

Usage

Fix setting layers of a group when the layers already had a parent

There was a bug with reassigning layers to a group that already had parents. You would need to first remove the parent before assigning the layers to a group.

Usage

Changing the pointType of a CurvePoint wouldn't always restore the control points

There was a bug with setting the pointType of a line. This made it so that you could only create straight lines rather than curved ones. Videoboxpro 1 5 4 x 2.

Usage

Added multiline functionality to string inputs on UI.getInputFromUser

Sketch 55

Previously you could only ask for a single line of input from a user via the JS API. Now you can specify a number of lines so that users can input larger amounts of text.

Usage

Sketch 55.1 Crack

ShapeType.Rectangle used to be defaulted even if some points are specified when create a new ShapePath

Sketch 55.2 tnt

symbol.getParentSymbolMaster used to throw an error. It will now return undefined

Usage

Fix setting layers of a group when the layers already had a parent

There was a bug with reassigning layers to a group that already had parents. You would need to first remove the parent before assigning the layers to a group.

Usage

Changing the pointType of a CurvePoint wouldn't always restore the control points

There was a bug with setting the pointType of a line. This made it so that you could only create straight lines rather than curved ones. Videoboxpro 1 5 4 x 2.

Usage

Added multiline functionality to string inputs on UI.getInputFromUser

Sketch 55

Previously you could only ask for a single line of input from a user via the JS API. Now you can specify a number of lines so that users can input larger amounts of text.

Usage

Sketch 55.1 Crack

ShapeType.Rectangle used to be defaulted even if some points are specified when create a new ShapePath

Previously, you couldn't draw a proper line with the API (you could get close but it didn't quite behave the same as a line that you could draw in Sketch). Dropdmg 3 2 7. This has been now fixed.

From the API documentation on ShapePath:

You can only set the shapeType when creating a new one. Once it is created, the shapeType is read-only. If it is not specified and you do not specify any points, it will default to ShapePath.ShapeType.Rectangle (if you do specify some points, it will default to ShapePath.ShapeType.Custom

Usage

Improve consistency by deprecating Fill.fill in favor of Fill.fileType

This change was made to match Border.fileType and other types

Usage

Added a Find Method to easily query a scope of a document

Last but not least is a new way to find objects that meet various criteria. It's somewhat similar to jquery selectors. The find method can take two arguments:

  • A selector (the properties or criteria that you are trying to find)
  • The scope (what part of the sketch document do you want to search - by default it is the current document)

Selectors are of type string and can be the following:

  • name
  • id
  • frame
  • frame.x
  • frame.y
  • frame.width
  • frame.height
  • locked
  • hidden
  • selected
  • type
  • style.fills.color

You can use these selectors in conjunction with an operator:

  • = (equal)
  • *= (contains)
  • $= (endswith)
  • != (not equal)
  • ^= (begins with)
  • >= (greater than or equal)
  • =< (less than or equal)
  • > (greater than)
  • < (less than)

An example of this would be find('[name='Rectangle']', document). Some Selectors have shorthand notation

  • type: find('ShapePath', document)
  • id: find(`#${layer_id}`, document)or find('#91EC1D70-6A97-.-DEE84160C4F4', document)
  • all others: find('[='Something']', document)

Also, by default the scope is the current document so you can drop the scope if you like Swift date format locale.

  • find('[name='Rectangle']')

Usage

Related resources

See something wrong or incomplete? Improve this page.




broken image