SlideShare a Scribd company logo
An introduction to Sketch
2017.09.08
Sachiko Suzuki
@sachikokop
sachikokop.com
My name is
What is ?
You might have never used Sketch.
I recommended you try Sketch.
Sketch is a proprietary vector graphics editor
for Apple's macOS, developed
by the Dutch company Bohemian Coding.
Sketch is created
for interface design
Photoshop is excellent photo editing
software.
Illustrator is excellent for digital
illustrations, logos, posters and more.
📷
🗻
🎨
Sketch is easy to use for engineers.
Sketch is made for interface designers that differs from others.
You will love Sketch because
😘
1. Sketch files are a lot smaller
Other tools starts up very slowly. But Sketch is early action.
It can only be css coding. So Simple designs and Sketch
files are a lot smaller.
🙁
😚
Other software starts
up very slowly.
This app incorporates the logic of CSS and allows
you creating designs that can later be easily converted into CSS elements.
😇💻
Anyone with little or no training
can learn Sketch.
2. Sketch is made for prototyping
Let's try this!
Other tools are bloated to do prototyping alone.

Sketch is only used for prototyping and it does the job really well.
3.Lots of tools to help you
build UI
There are tons of app building
programs that can help you
make your vision a reality.
It’s able to increase the efficiency of work.
Five more reasons
to love Sketch
Style & Symbol are just a
based on component-based system
1. Style & Symbol
We’ll set the primary colors of the brand,
set the typographic rules, as well as set basic rules
for buttons, links, …
Symbols and styles can be a huge time saver.
top / button / button_active
Naming conventions
Title
button
Title
texttexttext
texttexttext
button
top
Component design is the geometric layout of components.

It can be a pain naming every single layer, and logically grouping.

The grouping system further generates a common language

between Engineer and designer.
2.Symbol Override
Nested symbols can be used as placeholders
and swapped out on the fly
within different instances of a parent symbol.
Text and colour are editable as the basis for a placeholder.
3.Export
Sketch helps us to export content
in so many different ways.
To create a slice, simply select
the group or object and hit Make Exportable.
No options for background are available here though.
You can export your art work in any size and
a few different file types for export you like.
4.Plugins
Plugins are an important part of
Sketch’s ecosystem and
they can be installed to extend
Sketch’s functionality.
The Sketch community is wildly supportive
and you can find tons of amazing plugins
5.UI Templates
Sketch comes preloaded with
a number of user interface templates for iOS,
Material Design and Responsive Web.
Material Design UI Kit.Sketch iOS UI Kit.
AppSocially is also using!
I’ve used Sketch exclusively
and it has completely changed
my workflow.
We convert design
into Style & Symbol thoroughly.
I use this a lot for repeatable elements.
It’s great timesaver.
I don't need to care
about blurring of the pixel. 😌
Other tools need to jump between separate files
on the many revisions a project may take.
Sketch can all from the one file in one window.
Team’s collaboration between
designers and developers is
essential to the success of a project.
👬👬👭👭
Thank you.
Sketch is updates often, and a new plugin is always born.
I intend to continue learning forever.

More Related Content

What's hot

LO2 - Lesson 9 - Software
LO2 - Lesson 9 - SoftwareLO2 - Lesson 9 - Software
Edraw max presentations
Edraw max presentationsEdraw max presentations
Edraw max presentations
Arif Ullah
 
Photo and Graphic editing tools for bloggers
Photo and Graphic editing tools for bloggersPhoto and Graphic editing tools for bloggers
Photo and Graphic editing tools for bloggers
Sarah Arrow
 
Sticky notes in erp
Sticky notes in erpSticky notes in erp
Sticky notes in erp
Celine George
 
Learn corel draw easily at home
Learn corel draw easily at homeLearn corel draw easily at home
Learn corel draw easily at home
deepakvermaynr
 
Quark contents
Quark   contentsQuark   contents
Quark contents
nathansherratt96
 
Softwares
SoftwaresSoftwares
Save time with indesign
Save time with indesignSave time with indesign
Save time with indesign
Andrew Gioulis
 
Question 6
Question 6Question 6
Question 6
Emma Fabbri
 
Introduction to CorelDRAW
Introduction to CorelDRAWIntroduction to CorelDRAW
Introduction to CorelDRAW
SanthiNivas
 

What's hot (10)

LO2 - Lesson 9 - Software
LO2 - Lesson 9 - SoftwareLO2 - Lesson 9 - Software
LO2 - Lesson 9 - Software
 
Edraw max presentations
Edraw max presentationsEdraw max presentations
Edraw max presentations
 
Photo and Graphic editing tools for bloggers
Photo and Graphic editing tools for bloggersPhoto and Graphic editing tools for bloggers
Photo and Graphic editing tools for bloggers
 
Sticky notes in erp
Sticky notes in erpSticky notes in erp
Sticky notes in erp
 
Learn corel draw easily at home
Learn corel draw easily at homeLearn corel draw easily at home
Learn corel draw easily at home
 
Quark contents
Quark   contentsQuark   contents
Quark contents
 
Softwares
SoftwaresSoftwares
Softwares
 
Save time with indesign
Save time with indesignSave time with indesign
Save time with indesign
 
Question 6
Question 6Question 6
Question 6
 
Introduction to CorelDRAW
Introduction to CorelDRAWIntroduction to CorelDRAW
Introduction to CorelDRAW
 

Similar to An introduction to Sketch

Casestudy
CasestudyCasestudy
Casestudy
Vera Kovaleva
 
Sketch on Rails
Sketch on RailsSketch on Rails
Sketch on Rails
Peter Vermaercke
 
Sketch: Rapid Prototyping & Theme Design
Sketch: Rapid Prototyping & Theme DesignSketch: Rapid Prototyping & Theme Design
Sketch: Rapid Prototyping & Theme Design
Ryan King
 
Comparison between articulate storyline & adobe captivate
Comparison between articulate storyline & adobe captivateComparison between articulate storyline & adobe captivate
Comparison between articulate storyline & adobe captivate
Manish Jhurani
 
Design systems - Razvan Rosu
Design systems - Razvan RosuDesign systems - Razvan Rosu
Design systems - Razvan Rosu
Razvan Rosu
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For Developers
Alice Phieu
 
Expressit Concept Document
Expressit Concept DocumentExpressit Concept Document
Expressit Concept Document
ashtyrrell
 
Building resuable and customizable Vue components
Building resuable and customizable Vue componentsBuilding resuable and customizable Vue components
Building resuable and customizable Vue components
Filip Rakowski
 
Kitchen Design with SketchUp
Kitchen Design with SketchUpKitchen Design with SketchUp
Kitchen Design with SketchUp
Diane Dieterich
 
Lecture 19 design concepts
Lecture 19   design conceptsLecture 19   design concepts
Lecture 19 design concepts
IIUI
 
Crit presentation
Crit presentationCrit presentation
Crit presentation
Kym Primrose
 
Design System - Fail, Learn, Build, Test
Design System - Fail, Learn, Build, TestDesign System - Fail, Learn, Build, Test
Design System - Fail, Learn, Build, Test
Paya Do
 
Free Adobe XD Templates from uibarn.com
Free Adobe XD Templates  from uibarn.comFree Adobe XD Templates  from uibarn.com
Free Adobe XD Templates from uibarn.com
uibarn
 
Bringing a Design Language to Life in Sketch and React
Bringing a Design Language to Life in Sketch and ReactBringing a Design Language to Life in Sketch and React
Bringing a Design Language to Life in Sketch and React
Grace Kwan
 
Photoshop by Shannon
Photoshop by ShannonPhotoshop by Shannon
Photoshop by Shannon
LHM Digital Army
 
Good Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to InkscapeGood Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to Inkscape
Omar Mohammad
 
June2011_SketchFlow_v2
June2011_SketchFlow_v2June2011_SketchFlow_v2
June2011_SketchFlow_v2
Reuben Ahmed
 
Adobe Illustrator - Creating the Poster
Adobe Illustrator - Creating the PosterAdobe Illustrator - Creating the Poster
Adobe Illustrator - Creating the Poster
Timothy F McKenna
 
Building Axure Icon Widget Libraries Using Web Fonts
Building Axure Icon Widget Libraries Using Web FontsBuilding Axure Icon Widget Libraries Using Web Fonts
Building Axure Icon Widget Libraries Using Web Fonts
Svetlin Denkov
 
Easyeda tutorial
Easyeda tutorialEasyeda tutorial
Easyeda tutorial
SANTIAGO PABLO ALBERTO
 

Similar to An introduction to Sketch (20)

Casestudy
CasestudyCasestudy
Casestudy
 
Sketch on Rails
Sketch on RailsSketch on Rails
Sketch on Rails
 
Sketch: Rapid Prototyping & Theme Design
Sketch: Rapid Prototyping & Theme DesignSketch: Rapid Prototyping & Theme Design
Sketch: Rapid Prototyping & Theme Design
 
Comparison between articulate storyline & adobe captivate
Comparison between articulate storyline & adobe captivateComparison between articulate storyline & adobe captivate
Comparison between articulate storyline & adobe captivate
 
Design systems - Razvan Rosu
Design systems - Razvan RosuDesign systems - Razvan Rosu
Design systems - Razvan Rosu
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For Developers
 
Expressit Concept Document
Expressit Concept DocumentExpressit Concept Document
Expressit Concept Document
 
Building resuable and customizable Vue components
Building resuable and customizable Vue componentsBuilding resuable and customizable Vue components
Building resuable and customizable Vue components
 
Kitchen Design with SketchUp
Kitchen Design with SketchUpKitchen Design with SketchUp
Kitchen Design with SketchUp
 
Lecture 19 design concepts
Lecture 19   design conceptsLecture 19   design concepts
Lecture 19 design concepts
 
Crit presentation
Crit presentationCrit presentation
Crit presentation
 
Design System - Fail, Learn, Build, Test
Design System - Fail, Learn, Build, TestDesign System - Fail, Learn, Build, Test
Design System - Fail, Learn, Build, Test
 
Free Adobe XD Templates from uibarn.com
Free Adobe XD Templates  from uibarn.comFree Adobe XD Templates  from uibarn.com
Free Adobe XD Templates from uibarn.com
 
Bringing a Design Language to Life in Sketch and React
Bringing a Design Language to Life in Sketch and ReactBringing a Design Language to Life in Sketch and React
Bringing a Design Language to Life in Sketch and React
 
Photoshop by Shannon
Photoshop by ShannonPhotoshop by Shannon
Photoshop by Shannon
 
Good Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to InkscapeGood Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to Inkscape
 
June2011_SketchFlow_v2
June2011_SketchFlow_v2June2011_SketchFlow_v2
June2011_SketchFlow_v2
 
Adobe Illustrator - Creating the Poster
Adobe Illustrator - Creating the PosterAdobe Illustrator - Creating the Poster
Adobe Illustrator - Creating the Poster
 
Building Axure Icon Widget Libraries Using Web Fonts
Building Axure Icon Widget Libraries Using Web FontsBuilding Axure Icon Widget Libraries Using Web Fonts
Building Axure Icon Widget Libraries Using Web Fonts
 
Easyeda tutorial
Easyeda tutorialEasyeda tutorial
Easyeda tutorial
 

Recently uploaded

一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
kuapy
 
modular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdfmodular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdf
RashmitaSwain3
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
pavankumarpayexelsol
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Designforuminternational
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 

Recently uploaded (20)

一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
 
modular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdfmodular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdf
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 

An introduction to Sketch

  • 1. An introduction to Sketch 2017.09.08
  • 3. What is ? You might have never used Sketch. I recommended you try Sketch.
  • 4. Sketch is a proprietary vector graphics editor for Apple's macOS, developed by the Dutch company Bohemian Coding.
  • 5. Sketch is created for interface design Photoshop is excellent photo editing software. Illustrator is excellent for digital illustrations, logos, posters and more. 📷 🗻 🎨 Sketch is easy to use for engineers. Sketch is made for interface designers that differs from others.
  • 6. You will love Sketch because 😘
  • 7. 1. Sketch files are a lot smaller Other tools starts up very slowly. But Sketch is early action. It can only be css coding. So Simple designs and Sketch files are a lot smaller. 🙁 😚 Other software starts up very slowly. This app incorporates the logic of CSS and allows you creating designs that can later be easily converted into CSS elements.
  • 8. 😇💻 Anyone with little or no training can learn Sketch. 2. Sketch is made for prototyping Let's try this! Other tools are bloated to do prototyping alone. Sketch is only used for prototyping and it does the job really well.
  • 9. 3.Lots of tools to help you build UI There are tons of app building programs that can help you make your vision a reality. It’s able to increase the efficiency of work.
  • 10. Five more reasons to love Sketch
  • 11. Style & Symbol are just a based on component-based system 1. Style & Symbol
  • 12. We’ll set the primary colors of the brand, set the typographic rules, as well as set basic rules for buttons, links, … Symbols and styles can be a huge time saver.
  • 13. top / button / button_active Naming conventions Title button Title texttexttext texttexttext button top Component design is the geometric layout of components. It can be a pain naming every single layer, and logically grouping. The grouping system further generates a common language between Engineer and designer.
  • 14. 2.Symbol Override Nested symbols can be used as placeholders and swapped out on the fly within different instances of a parent symbol. Text and colour are editable as the basis for a placeholder.
  • 15. 3.Export Sketch helps us to export content in so many different ways.
  • 16. To create a slice, simply select the group or object and hit Make Exportable. No options for background are available here though. You can export your art work in any size and a few different file types for export you like.
  • 17. 4.Plugins Plugins are an important part of Sketch’s ecosystem and they can be installed to extend Sketch’s functionality.
  • 18. The Sketch community is wildly supportive and you can find tons of amazing plugins
  • 19. 5.UI Templates Sketch comes preloaded with a number of user interface templates for iOS, Material Design and Responsive Web. Material Design UI Kit.Sketch iOS UI Kit.
  • 21. I’ve used Sketch exclusively and it has completely changed my workflow.
  • 22. We convert design into Style & Symbol thoroughly. I use this a lot for repeatable elements. It’s great timesaver.
  • 23. I don't need to care about blurring of the pixel. 😌
  • 24. Other tools need to jump between separate files on the many revisions a project may take. Sketch can all from the one file in one window.
  • 25. Team’s collaboration between designers and developers is essential to the success of a project. 👬👬👭👭
  • 26. Thank you. Sketch is updates often, and a new plugin is always born. I intend to continue learning forever.