As you can see my solution is to make a 6 sided polygon manually and it is NOT pixel perfect. I need it pixel perfect to make a repeating background using this as the base.

enter image description here

enter image description here

1 Answer 1


Create an equilateral triangle and use copies of it to construct a hexagon using Sketch's excellent snapping capabilities. Then make unions of triangles to create trapezoidals.process description

  • Woh! your share is so perfect!!! any chance you can share the file with me? Never mind I got it works now. Thank you.
    – XYZ
    Commented Sep 16, 2017 at 15:26
  • I want it to have a nice inner border for trapezoidal? Using this method the border for triangle still appears. See updated questions (last screenshot)
    – XYZ
    Commented Sep 16, 2017 at 15:35
  • Sometimes the antialiasing is not perfect when two shapes that are not pixel aligned meet. One simple solution that gives perfect result is to create multiple copies of your final hexagon and stack them on top of each other (cmd+d a couple of times). Any pixels that are semitransparent will quickly add upp to have 100% opacity.
    – filip
    Commented Sep 16, 2017 at 16:12
  • Oh, I have spend few hours on this and still have no clue.
    – XYZ
    Commented Sep 16, 2017 at 16:13
  • And I'm not sure what does you last comment means. Could you please a sample. Thank you very much.
    – XYZ
    Commented Sep 16, 2017 at 16:15

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.