Scribd
Upload
5 views2 pages

Essential Coding and Design Tools

The document lists essential coding and design tools categorized into various sections. For coding, it includes code editors, version control systems, package managers, build tools, code quality tools, API development tools, and deployment platforms. For design, it covers UI/UX design tools, design systems, icons, color palettes, typography, and image optimization tools.

Uploaded by

top2108311
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views2 pages

Essential Coding and Design Tools

The document lists essential coding and design tools categorized into various sections. For coding, it includes code editors, version control systems, package managers, build tools, code quality tools, API development tools, and deployment platforms. For design, it covers UI/UX design tools, design systems, icons, color palettes, typography, and image optimization tools.

Uploaded by

top2108311
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

🔧 Coding Tools

1. Code Editors

●​ Visual Studio Code (VS Code) — Lightweight, extensible, and feature-rich.


●​ Sublime Text — Fast and elegant with great plugin support.

2. Version Control

●​ Git — Industry-standard version control system.


●​ GitHub / GitLab — Repositories and collaboration platforms.

3. Package Managers

●​ npm — [Link] package manager.


●​ Yarn — Fast, reliable alternative to npm.

4. Build Tools

●​ Vite — Fast frontend build tool for modern projects.

5. Code Quality

●​ ESLint — JavaScript linter.


●​ Prettier — Code formatter for consistent styling.

6. API Development

●​ Postman — Test and document APIs.


●​ Swagger — API documentation and design.

7. Deployment

●​ Vercel — Great for [Link] and static sites.


●​ Netlify — CI/CD, form handling, and more.
●​ DigitalOcean — VPS and cloud hosting.

🎨 Design Tools
1. UI/UX Design
●​ Figma — Real-time collaboration for interface design.
●​ Adobe XD — Vector-based UI/UX design tool.

2. Design Systems & Components

●​ Storybook — UI component explorer for frontend devs.


●​ Material UI or Tailwind UI — Prebuilt UI components.

3. Icons & Assets

●​ Heroicons — Beautiful SVG icons.


●​ Font Awesome — Popular icon library.

4. Color Palettes & Typography

●​ Coolors — Generate beautiful color palettes.


●​ Google Fonts — Free web fonts for design.

5. Image Optimization

●​ TinyPNG — Compress PNG/JPEG.


●​ Squoosh — Advanced image compression.

You might also like