Ana içeriğe atla
Tasarım süreçleri için Figma kullanan ekipler için Manus, tasarımlarınızı tek bir komutla işlevsel web uygulamalarına dönüştürmenize olanak tanıyan güçlü bir entegrasyon sunar.

Nasıl Çalışır

Figma tasarımlarınızı manuel olarak koda çevirmek yerine, Manus’a Figma dosyanızın bir bağlantısını sağlamanız yeterlidir. Manus, düzenler, bileşenler, yazı tipleri ve renkler dahil olmak üzere tasarımı analiz edecek ve bir web uygulaması için ilgili kodu otomatik olarak oluşturacaktır.

Süreç

  1. Figma’da Tasarım Yapın: Uygulama tasarımınızı normalde yaptığınız gibi Figma’da oluşturun. image.png
  2. Bağlantıyı Sağlayın: Figma çerçeve bağlantısını Manus ile paylaşın ve ne inşa etmek istediğinizi açıklayın. Örneğin:
    “İşte yeni mobil uygulamamızın Figma tasarımı. Bu tasarıma dayalı işlevsel bir web uygulaması oluşturun.”
  3. Manus Uygulamayı Oluşturur: Manus, tasarımı yorumlayacak ve ön uç için HTML, CSS ve JavaScript’i, ayrıca tasarımınızı hayata geçirmek için gerekli arka uç bileşenlerini oluşturacaktır.
    İsteğinize birden fazla çerçeve ekleyebilirsiniz. Bu çerçevelerin nasıl ilişkili olduğunu Manus’a bildirin—sayfa akışı, etkileşimler veya bileşen durumları (örneğin fareyle üzerine gelme). Bu, Manus’un doğru çok sayfalı veya etkileşimli deneyimler oluşturmasına yardımcı olur.
Bu entegrasyon, geliştirme sürecini önemli ölçüde hızlandırır, tasarım ve geliştirme arasındaki boşluğu kapatır ve statik bir tasarımdan canlı, etkileşimli bir uygulamaya çok daha kısa sürede geçmenizi sağlar.