gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Cleaned up headings and added resources (#32164)

Browse Source 
Made the headings a consistent size, moved text around for readability, and added links in the Plug-ins section for Chrome.
This commit is contained in:
PsiActual
2019-04-01 15:00:37 -04:00
committed by The Coding Aviator
parent 0f7b85635e
commit 3357a25629
1 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
guide/english/designer-tools/index.md
View File

@ -5,8 +5,7 @@ title: Designer Tools
In this section, we'll have guides to a wide variety of tools used by designers. In this section, we'll have guides to a wide variety of tools used by designers.
### UI ### UI - Great for static content.
Great for static content.
[Sketch](https://www.sketchapp.com) - [Guide](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/sketch/index.md) [Sketch](https://www.sketchapp.com) - [Guide](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/sketch/index.md)
@ -16,15 +15,13 @@ Great for static content.
[Figma](https://www.figma.com) - [Guide](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/Figma/index.md) [Figma](https://www.figma.com) - [Guide](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/Figma/index.md)
### Interaction ### Interaction - Better for complicated interactions.
Better for complicated interactions.
[Adobe Experience Design](www.adobe.com/products/experience-design.html) - [Guide](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/Experience-design/index.md) [Adobe Experience Design](www.adobe.com/products/experience-design.html) - [Guide](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/Experience-design/index.md)
[Framer](https://framer.com) - [Guide](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/framer/index.md) [Framer](https://framer.com) - [Guide](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/framer/index.md)
### Wireframes and prototyping ### Wireframes and prototyping - Ideal for click-through prototypes.
Ideal for click-through prototypes.
[InVision](https://www.invisionapp.com/) [InVision](https://www.invisionapp.com/)
@ -32,10 +29,9 @@ Ideal for click-through prototypes.
[Moqups](https://moqups.com/) [Moqups](https://moqups.com/)
[Adobe XD] (https://www.adobe.com/products/xd.html) ### Painting - Great for artists.
### Painting [Adobe XD] (https://www.adobe.com/products/xd.html)
Great for artists.
[Clip Studio Paint](https://www.clipstudio.net/en) [Clip Studio Paint](https://www.clipstudio.net/en)
@ -46,11 +42,13 @@ Great for artists.
[Autodesk Sketchbook](https://www.sketchbook.com/) [Autodesk Sketchbook](https://www.sketchbook.com/)
## Plug-ins ## Plug-ins
### Chrome
- [Sizzy](https://sizzy.co/)
- Responsive web design testing site.
- [Checkbot](https://www.checkbot.io/)
- Tool to find dead or broken links, duplicate titles, and more.
### For Firefox ### Firefox
In this section, you can see popular Firefox plug-ins used by designers.
- [Color Picker](https://addons.mozilla.org/en-us/firefox/addon/colorzilla/?src=collection&collection_id=90e68e6a-f13f-5921-3412-5228262ca9db) - [Color Picker](https://addons.mozilla.org/en-us/firefox/addon/colorzilla/?src=collection&collection_id=90e68e6a-f13f-5921-3412-5228262ca9db)
- [React Developer Tools](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) - [React Developer Tools](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)