güzel açıklamış. Figma'yı prototip oluşturmak için kullanabilirsin her ne kadar kod yazabiliyor olsan da web tasarımcısı olacaksan yeri gelecek prototip oluşturman gerekecek o yüzden figma gibi programlar çok işlevsel ama şimdilik gerek yok gibi.
Öncelikle HTML ve CSS öğrenerek en temel web tasarımı yapabilirsin bu iki dil ile haşır neşir olduktan sonra JavaScript'i de ekleyerek siteyi dinamik hale getirebilirsin. Günümüzde saf HTML CSS yazan kişi sayısı gerçekten az sadece belirli yerlerde CSS yazma ihtiyacı duyuluyor onun yerine hızlı bir geliştirme yapmak için hep kütüphane kullanırız. Duymuş olduğun Bootstrap da bunlardan bir tanesi. Bootstrap CSS kütüphanesidir sitesini incelersen örneğin modern bir butonu sadece 1 satır kod ile sitene ekleyebilirsin Bootstrap dışında başka kütüphanelerde var ancak en yaygını Bootstrap ve Tailwind. JavaScript tarafında ise en yaygın kütüphane ReactJS ve VueJS, Framework olarak ise Angular. Hepsini inceleyerek hangisini seversen onu öğrenebilirsin genelde kurumsal şirketler ReactJS'i daha çok tercih ederler eğer iş bulmak için öğreniyorsan React ile iş bulmak daha kolay olur diye düşünüyorum ama öğrenme eğrisi en yüksek olan da React tabii ki.