Zinn Hub
0
Səbətiniz
0

Bir Baxışda

Qərar verməyinizə kömək edəcək bu xidmət haqqında əsas detallar. Zinn Hub tərəfindən yaradılıb, satıcı tərəfindən deyil.

Nə çatdırılır

1 React + Tailwind komponenti, həssas və tipli
Siz TypeScript prop-ları ilə təmiz React + Tailwind CSS-ə çevrilmiş bir Figma komponenti alırsınız, mobil, planşet və masaüstü cihazlarda tamamilə həssasdır — GitHub repozitoriyası və ya ZIP olaraq Next.js, React və ya Vite layihənizə birbaşa daxil edilə bilər.

Dönüş müddəti

48 saat ərzində hazır
2 günlük çatdırılma müddəti ilə bu, istehsalata hazır bir komponentin tez qurulması üçün sürətli bir yoldur — əgər siz tikinti prosesindəsinizsə və layihənizi yavaşlatmadan bir bölməni tez bir zamanda boşaltmaq istəyirsinizsə faydalıdır.

Nə göndərməlisiniz

Figma linki + komponent seçimi + çərçivə
Başlamaq üçün bir Figma linki paylaşmalısınız ('linki olan hər kəs baxa bilər' olaraq təyin edin), qurmaq istədiyiniz komponentin adını qeyd edin (qəhrəman, naviqasiya paneli, kart, forma, modal və s.), çərçivənizi təsdiqləyin (React, Next.js və ya sadə HTML/CSS) və şriftlərin və aktivlərin faylda olub-olmadığını və ya mənbəyə ehtiyac duyduğunu satıcıya bildirin.

Ən Yaxşıdır

Daha böyük bir layihədən əvvəl bir tərtibatçını sınaqdan keçirmək
Satıcı bunu yeni müştərilər üçün bacarıq nümayişi və dadmaq kimi açıq şəkildə təklif edir — əgər tam Figma-dan koda layihəniz varsa, lakin daha böyük bir əhatəyə başlamazdan əvvəl bu tərtibatçıdan real nəticə görmək istəyirsinizsə, bu ideal seçimdir.

Tam Təsvir

Qurulması lazım olan bir Figma komponentiniz var? Mənə bir komponent göndərin — qəhrəman bölməsi, naviqasiya paneli, qiymət kartı, məhsul kartı, forma, modal və ya hər hansı digər — və mən onu təmiz, istehsalata hazır React + Tailwind CSS koduna çevirəcəyəm.

Şablon yoxdur. Səhifə qurucuları yoxdur. Sadəcə dizaynınıza piksel-piksel uyğun gələn və mövcud layihənizə birbaşa daxil olan real kod.

Əgər bir veb-sayt qurursunuzsa və bir bölməni bir-bir boşaltmaq istəyirsinizsə, bu mükəmməldir. Və ya daha böyük bir Figma-dan koda layihəsinə başlamazdan əvvəl işimi sınaqdan keçirirsinizsə.

Nə əldə edirsiniz:
• React + Tailwind-ə çevrilmiş bir Figma komponenti
• Dizaynınıza uyğun piksel-mükəmməl boşluq, tipoqrafiya və rənglər
• Tamamilə həssas (mobil, planşet, masaüstü)
• TypeScript prop-ları ilə təmiz, təkrar istifadə edilə bilən komponent
• GitHub repozitoriyası və ya yüklənə bilən ZIP olaraq çatdırılır
• Mövcud Next.js, React və ya Vite layihənizdə işləyir

Mən SaaS platformaları, restoran sistemləri, e-ticarət mağazaları və B2B portalları üçün Figma dizaynlarını çevirmişəm. Qurduğum hər bir komponent müasir ən yaxşı təcrübələrə əməl edir: semantik HTML, əlçatan işarələmə və saxlaya biləcəyiniz təmiz kod.

Mənə qurmaq istədiyiniz xüsusi komponentlə birlikdə Figma linkinizi ("linki olan hər kəs baxa bilər" olaraq paylaşılmış) göndərin və mən 48 saat ərzində çatdıracağam.

Əgər komponenti bəyənsəniz, əksər alıcılar daha böyük layihələrlə geri qayıdırlar — çünki işdən nə gözləyəcəklərini bilirlər.

Nə əldə edəcəksiniz
• React + Tailwind CSS-ə çevrilmiş bir Figma komponenti
• Figma dizaynına uyğun piksel-mükəmməl layout
• Həssas (mobil, planşet, masaüstü)
• TypeScript + təmiz komponent strukturu
• Mənbə kodu ilə GitHub repozitoriyası və ya ZIP
• Qəbuldan əvvəl yoxlamaq üçün yerləşdirilmiş önizləmə URL-i
• 1 düzəliş raundu
• Çatdırılmadan sonra 7 günlük dəstək
Bu işin nümunələri
Figma-dan Next.js-ə çevrilmiş qəhrəman bölməsi
Figma-dan Next.js-ə çevrilmiş qəhrəman bölməsi

Figma qəhrəman bölməsini tamamilə həssas React komponentinin başlıq, alt başlıq, CTA düymələri və şəkil blokuna çevirdim. Framer Motion sürüşmə animasiyaları ilə piksel-mükəmməl uyğunluq.

Stack: Figma → React · Next.js 15 · Tailwind CSS · Framer Motion

Figma-dan çevrilmiş məhsul kartı şəbəkəsi
Figma-dan çevrilmiş məhsul kartı şəbəkəsi

Figma məhsul kartı şəbəkəsini hover vəziyyətləri, səbətə əlavə et düymələri və həssas layout ilə təkrar istifadə edilə bilən React komponentinə çevirdim. E-ticarət mağazasında istifadə olunur.

Stack: Figma → React · Next.js · Tailwind

Figma-dan çevrilmiş İdarə Paneli KPI kartları
Figma-dan çevrilmiş İdarə Paneli KPI kartları

Figma idarə paneli KPI bölməsini React komponentlərinə çevirdim — statistika kartları, sparkline qrafikləri və həssas şəbəkə. İdarəetmə panelində istifadə olunur.

Stack: Figma → React · Tailwind CSS · Recharts

Niyə bu bir Micro Zinn-dir

Micro Zinn kiçik, sabit qiymətli bir dadmaq və ya mikro xidmətdir. expertdeprudent bunu təklif edir:

Bacarıqların nümayişiPortfolio qurucusuTez kiçik işYeni müştərilərə açıqdır

Zinner Keyfiyyət Zəmanəti

✓
Yoxlanılmış Peşəkar
Hər bir Zinner platformaya qoşulmazdan əvvəl nəzərdən keçirilir və təsdiqlənir.
✓
Keyfiyyətli İşə Zəmanət Verilir
Bütün xidmətlər keyfiyyət təminatı öhdəliyimizlə dəstəklənir.
✓
Təhlükəsiz Ödəniş
Çatdırılan işi təsdiq edənə qədər ödənişiniz qorunur.

Müştəri Rəyləri

Müştərilərimizin bu Zinn haqqında nə dediyini görün

Zinner Siyasətləri

Mən Bir Figma Komponentini Təmiz React Və Tailwind Koduna Çevirəcəyəm — Zinn Hub-da Mövcuddur

Yalnız bu məhsulu almış daxil olmuş müştərilər rəy yaza bilərlər.

Seçimlər və Sifariş

Zinn Hub Tətbiqini əldə edin

Bildirişlər · Daha sürətli giriş · Tam ekran

Brauzerinizdə Paylaş üzərinə toxunun

➜ Sonra "Ana Ekrana əlavə et" üzərinə toxunun