Grok Bot Kullanımı: Figma Foto-Mozaikler

Zaman akışınızda üç panelli mozaikler görmüş olabilirsiniz. İşte bunları @bot ve @figma ile nasıl oluşturabileceğiniz.

https://x.com/kazarov_d/status/2094470313862136145

Herhangi bir tasarımcı bunun nasıl yapılacağını bilir, sadece biraz can sıkıcıdır.

https://x.com/studiobakers/status/2095077637639262295

O halde sormamız gereken şu: "Bu işi %90 daha az can sıkıcı hale getirmek için yapay zekayı nasıl kullanabilirim, böylece tasarımın havalı ve yaratıcı kısımlarına odaklanabilirim?"

Grok Bot tam olarak bunu yapabilir.

Eğer "nasıl" kısmı umurunuzda değilse ve sadece bir @bot şablonu istiyorsanız, bir tane burada bulabilirsiniz: https://x.ai/bot/dYpPe1PCZv2WJDVTYDwhc

Aksi takdirde, işte benimkini nasıl oluşturduğum:

Fotomozaiği Oluşturmak

Grok Bot ile genel yaklaşımım şudur: Varlığı kendinizin nasıl oluşturacağını adım adım düşünün, ardından @Bot'a aynısını yapmasını söyleyin.

Bu durumda, iş akışı Figma'da bir tasarımdı.

https://x.com/justinsunyt/status/2096635033603756354

Bu, bir kahraman varlığı olan, bileşenlere ayrılmış ve üç panele bölünmüş bir tuvalden ibaret. X'teki mevcut gönderilere bakarak en-boy oranlarını tersine mühendislikle çıkarabiliriz.

Bot'tan tam olarak bunu yapmasını istedim - işte optimize edilmiş ilk komutum.

Cursor Gothic'i, [görsel bağlantısını] ve [dosya ekle]'yi kendi varlıklarınızla değiştirin.

1Bu yayınlama formatını tersine mühendislikle çöz - bu, paylaşılan bir arka planda tek bir geniş ekran görüntüsünde birleşen üç görüntüden oluşan bir fotomozaiğin ta kendisi.
2
3https://x.com/kazarov_d/status/2094470313862136145
4https://x.com/studiobakers/status/2095077637639262295
5
6- Her paneli tam çözünürlükte çek ve en-boy oranlarını al.
7
8- Üç dışa aktarma panelini kırp (sol / orta / sağ)
9
10- Bunu ekli dosyadaki [dosya ekle] yeni bir tasarım haline getir - tek bir bölümde tut
11
12- Üç panelde de yeni bir arka plan [görsel bağlantısı] - bu varlığı kullan, referans gönderinin arka planını değil
13
14- Kahraman: cursor.com'un simüle edilmiş bir 4K ekrandaki (2× DPR) ekran görüntüsü. Sayfayı, UI/yazı tipi uzaktan okunabilecek şekilde yakınlaştır. Yakalamanın gerçekten açılış sayfası olduğunu onayla (gezinme + başlık)
15
16- Pencerede ortalanmış gölge + gerçek köşe yuvarlatma. Web sayfasının üst köşelerinin kırpılmış/maskelenmiş bir katmana ihtiyacı var, yoksa kare görünürler
17
18- Arc tarzı krom: koyu Cursor mürekkep kabuğu, renkli trafik ışıkları, Cursor Gothic'te ortalanmış URL. Başlık çubuğu + URL metni yüksekliği sarmalı. Sayfanın etrafında eşit L/R/B iç boşluk
19
20- Figma'da bileşenlerle düzenle, böylece bir yapıştırma her paneli günceller - Arka Plan, Kahraman (Arc), Ana, artı Ana'nın üç dışa aktarma klibi
21
22BG veya kahramanı bir kez düzenlemek ana öğeyi ve üç dışa aktarmanın tümünü güncellediğinde işin bitmiş demektir.

Komutu gönderdikten sonra botunuzu birkaç dakikada bir kontrol edin - işler ters gidiyorsa, nedenini sorun.

Belki bot otomatik düzeni doğru kullanmıyordur. Belki dolgu yanlıştır. Belki bir kenar yarıçapının ayarlanması gerekiyordur.

Değişikliği yapın, neden gerekli olduğunu not alın ve ardından bu bilgileri bir sonraki komutunuza entegre edin.

Botumun çalışmasını izliyorum

Birkaç meta-nokta:

• Doğru bir dil kullanıyorum. Buna "fotomozaiğin ta kendisi" dediğime dikkat edin, "bir şeyin üzerindeki üç şeycik içindeki bir resim" değil.
• Bilmiyordum fotomozaiğin ne olduğunu, ancak Grok'a "üç görüntünün bir kolajının daha büyük bir görüntü oluşturmak için bir araya getirilmesine ne denir" diye sordum.
• Her komut bir acemi zihniyetiyle başlamalıdır - bunu iyi yapmak için bilmem gereken her şeyi nasıl öğrenebilirim?
• İlk denemem mükemmel değildi. Yukarıdaki komuta, Grok Bot'a "bunu ilk seferde doğru yapmak için baştan neye ihtiyacın olduğunu söyle" diyerek ulaştım.
• Her zaman şunu sorun: "Bu iş akışını nasıl kopyalayabilirim veya yapay zekanın bir dahaki sefere her şeyi yapabilmesini nasıl sağlayabilirim?" Bu, @poteto'nun gerçekten üzerinde durduğu bir şey.
• Bunun için özel bir bot kullanmadım - sadece Figma'ya bağlı genel bir bot. Tek seferlik bir iş için bu yeterli, ancak tekrarlanan görevler için muhtemelen bir uzman oluştururdum.

Grok Bot, yapay zekayı etkili kullanmaktan daha fazlasıdır; bir bilgisayarı etkili bir şekilde nasıl kullanacağınızla ilgilidir.

Bu da ilk prensiplerle düşünmek, etkili iletişim kurmak ve sabırlı olmak anlamına gelir. Grok Bot'u kullanmak çoğunlukla problem çözmekle ilgilidir.

Bitmiş varlık

Ayrıca, artık yeniden kullanabileceğim dayanıklı bir varlığa sahibim - tıpkı bu gönderide yaptığım gibi:

Varlığımı bir iPad duyuru gönderisi için yeniden kullanma

Bu formatı anlamasaydım, iPad duyurusunu zamanında yapamazdım.

Yaratıcının rolü duygu uyandırmaktır.

Grok Bot, varlık seçimi ve görüntülere odaklanmamı sağlarken, geri kalan her şeyle o ilgilenir.

En çok aldığım soru "Grok Bot'u nasıl kullanabilirim" - işte tasarım için kullanmanın bir yolu.