Web Sayfalarının Ekran Görüntülerini Kod’a Dönüştüren Yapay Zeka Aracı.
Bağımsız bilgisayar korsanı Abi Raja tarafından geliştirilen “Screenshot-to-Code” adlı yeni yapay zeka aracı, web tasarım dünyasında çığır açan bir yenilik sunuyor.
Yapay Zeka İle Web Tasarımında Devrim: "Screenshot-to-Code"
Bağımsız bilgisayar korsanı Abi Raja tarafından geliştirilen “Screenshot-to-Code” adlı yeni yapay zeka aracı, web tasarım dünyasında çığır açan bir yenilik sunuyor. Bu araç, GPT-4’ün gücünden faydalanarak, Vision ile görsel girdileri işleyebilen ve DALL-E 3 ile çıktıları üretebilen bir yetenekle donatılmış durumda.
HTML, Tailwind CSS, React, Vue, veya Bootstrap gibi çeşitli formatlara dönüşebilen bu araç, web sitelerinin veya uygulama arayüzlerinin tasarımlarını hızlı bir şekilde kodlara çevirebiliyor. Bu özellik, tasarımcıların ve geliştiricilerin iş akışını önemli ölçüde hızlandırabilir.
Startup Runway’in kurucu ortağı ve Sandbox VR‘nin yönetim kurulu üyesi Siqi Chen, yapay zekanın bu süreçte kodu aşamalı olarak iyileştirdiğini ve doğruluğunu sağlamak için sürekli olarak ekran görüntüsüyle karşılaştığını belirtiyor. Chen’e göre, bu araç, görsel verileri analiz ederek ve kod üreterek tasarım sürecini daha verimli hale getiriyor.
Araç, YouTube ana sayfasının anlık bir görüntüsünü tarayarak, yapay zeka tarafından oluşturulan resimlerle küçük detayları değiştirip düzeni yeniden oluşturabilecek düzeyde etkileyici bir performans sergiliyor. Ayrıca, kullanıcılar DALL-E’yi devre dışı bırakarak sadece koda odaklanma seçeneğine sahipler. Ekran görüntüsü yerine URL paylaşma seçeneği de kullanıcıların hizmetine sunulmuş durumda.
screenshot-to-code:
upload a screenshot of any website, watch as AI progressively builds the html, iteratively improving the generated code by comparing it against the screenshot repeatedly. pic.twitter.com/TCrbJj3VS0
November 21, 2023
Screenshots-to-Code, temel olarak bir React/Vite ön ucu ve bir FastAPI arka ucu içeren bir sistemdir. Başlamak için, GPT-4 Vision’a ve OpenAI’den alınmış bir API anahtarına erişim gereklidir. Bu yenilikçi araç, GitHub’da açık kaynak olarak bulunmaktadır ve bu da herkesin kullanımına açık olduğu anlamına gelir.
Ancak, bu tür yapay zeka uygulamalarının mükemmel olmadığı ve zaman zaman hatalar içerebileceği unutulmamalıdır. Bu nedenle, ekran görüntüsünden kod üretme yöntemi, yalnızca geliştirme aşamasında kullanılan bir araç olarak değerlendirilmelidir.
Bu tür araçların, geliştiriciler ve tasarımcılar için karmaşık görevleri basitleştirmesinin yanı sıra, yapay zekanın hızla insan yeteneklerini yakalaması ve fikri mülkiyet konularında endişelere yol açması muhtemeldir. Her durumda, kullanımdan önce uygun izinlerin ve hakların sağlandığından emin olunmalıdır.
Bu haber işinize yaradı mı?
