---
title: Designer Tools
localeTitle: أدوات المصمم
---
## أدوات المصمم

في هذا القسم ، سيكون لدينا أدلة لمجموعة متنوعة من الأدوات التي يستخدمها المصممون.

هذه هي بعض منها:

[رسم](https://www.sketchapp.com) - [دليل](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/sketch/index.md)

[تصميم تجربة أدوبي](www.adobe.com/products/experience-design.html) - [دليل](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/Experience-design/index.md)

[أدوبي فوتوشوب](http://adobe.com/Photoshop) - [دليل](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/photoshop/index.md)

[Adobe Illustrator](http://adobe.com/Illustrator) - [دليل](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/illustrator/index.md)

[Figma](https://www.figma.com) - [دليل](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/Figma/index.md)

[Framer](https://framer.com) - [دليل](https://github.com/freeCodeCamp/guides/blob/master/src/pages/designer-tools/framer/index.md)

[CLIP STUDIO PAINT](https://www.clipstudio.net/en)

[Moqups](https://moqups.com/)

[كريتا](https://krita.org/en/homepage/)

[MediBang الطلاء](https://medibangpaint.com/en/)

[Autodesk Sketchbook](https://www.sketchbook.com/)

في هذا القسم ، يمكنك مشاهدة المكونات الإضافية الشائعة في Firefox التي يستخدمها المصممون.

هذه هي بعض منها:

*   [لون المنتقى](https://addons.mozilla.org/en-us/firefox/addon/colorzilla/?src=collection&collection_id=90e68e6a-f13f-5921-3412-5228262ca9db)
*   [تفاعل أدوات المطور](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)