0
თქვენი კალათა
0
Zinn Hub
0
თქვენი კალათა
0

ერთი შეხედვით

ძირითადი დეტალები ამ სერვისის შესახებ, რათა დაგეხმაროთ გადაწყვეტილების მიღებაში. გენერირებულია Zinn Hub-ის მიერ და არა გამყიდველის მიერ.

რა მიეწოდება

1 React + Tailwind კომპონენტი, რეაგირებადი და ტიპური
თქვენ მიიღებთ ერთ Figma კომპონენტს, რომელიც გადაკეთებულია სუფთა React + Tailwind CSS-ად TypeScript props-ით, სრულად რეაგირებადი მობილურ, ტაბლეტსა და დესკტოპზე — მიწოდებული GitHub რეპოზიტორიუმის ან ZIP-ის სახით, რომელიც პირდაპირ თქვენს Next.js, React, ან Vite პროექტში ჩაიდება.

შესრულების დრო

მზად არის 48 საათში
2-დღიანი მიწოდების ფანჯრით, ეს არის სწრაფი გზა წარმოებისთვის მზა კომპონენტის შესაქმნელად — სასარგებლოა, თუ მშენებლობის შუა პერიოდში ხართ და გსურთ სწრაფად გადმოტვირთოთ ერთი განყოფილება თქვენი პროექტის შენელების გარეშე.

რა უნდა გამოაგზავნოთ

Figma ბმული + კომპონენტის არჩევანი + ფრეიმვორკი
დასაწყებად თქვენ უნდა გააზიაროთ Figma ბმული (დაყენებული ვისაც აქვს ბმული, შეუძლია ნახოს“), დაასახელოთ კომპონენტი, რომლის აშენებაც გსურთ (გმირი, ნავიგაციის ზოლი, ბარათი, ფორმა, მოდალი და ა.შ.), დაადასტუროთ თქვენი ფრეიმვორკი (React, Next.js, ან უბრალო HTML/CSS) და აცნობოთ გამყიდველს, არის თუ არა შრიფტები და აქტივები ფაილში, თუ საჭიროა მათი მოძიება.

საუკეთესოა

დეველოპერის ტესტირება უფრო დიდი პროექტის წინ
გამყიდველი ამას აშკარად გვთავაზობს, როგორც უნარების დემონსტრირებას და ახალი კლიენტებისთვის გასინჯვას — რაც მას იდეალურს ხდის, თუ თქვენ გაქვთ სრული Figma-დან კოდზე გადაყვანის პროექტი, მაგრამ გსურთ ნახოთ ამ დეველოპერის რეალური შედეგი უფრო დიდ მასშტაბზე დათანხმებამდე.

სრული აღწერა

გაქვთ Figma კომპონენტი, რომელიც უნდა აშენდეს? გამომიგზავნეთ ერთი კომპონენტი — გმირის განყოფილება, ნავიგაციის ზოლი, ფასების ბარათი, პროდუქტის ბარათი, ფორმა, მოდალი, ან სხვა რამ — და მე გადავაკეთებ მას სუფთა, წარმოებისთვის მზა React + Tailwind CSS კოდად.

არანაირი შაბლონები. არანაირი გვერდის შემქმნელები. მხოლოდ რეალური კოდი, რომელიც ზუსტად ემთხვევა თქვენს დიზაინს პიქსელ-პიქსელზე და პირდაპირ თქვენს არსებულ პროექტში ჩაიდება.

ეს იდეალურია, თუ თქვენ აშენებთ ვებსაიტს და გსურთ ერთდროულად ერთი განყოფილების გადმოტვირთვა. ან თუ თქვენ ამოწმებთ ჩემს ნამუშევარს უფრო დიდ Figma-დან კოდზე გადაყვანის პროექტზე დათანხმებამდე.

რას მიიღებთ:
• ერთი Figma კომპონენტი გადაკეთებული React + Tailwind-ად
• პიქსელ-ზუსტი დაშორება, ტიპოგრაფია და ფერები, რომლებიც ემთხვევა თქვენს დიზაინს
• სრულად რეაგირებადი (მობილური, ტაბლეტი, დესკტოპი)
• სუფთა, მრავალჯერადი გამოყენებადი კომპონენტი TypeScript props-ით
• მიწოდებული GitHub რეპოზიტორიუმის ან ჩამოსატვირთი ZIP-ის სახით
• მუშაობს თქვენს არსებულ Next.js, React, ან Vite პროექტში

მე გადავაკეთე Figma დიზაინები SaaS პლატფორმებისთვის, რესტორნების სისტემებისთვის, ელექტრონული კომერციის მაღაზიებისთვის და B2B პორტალებისთვის. ყველა კომპონენტი, რომელსაც მე ვაშენებ, მიჰყვება თანამედროვე საუკეთესო პრაქტიკას: სემანტიკური HTML, ხელმისაწვდომი მარკირება და სუფთა კოდი, რომლის შენარჩუნებაც შეგიძლიათ.

გამომიგზავნეთ თქვენი Figma ბმული (გაზიარებული, როგორც ვისაც აქვს ბმული, შეუძლია ნახოს“) კონკრეტული კომპონენტით, რომლის აშენებაც გსურთ, და მე მივაწვდი მას 48 საათის განმავლობაში.

თუ მოგწონთ კომპონენტი, მყიდველების უმეტესობა ბრუნდება უფრო დიდი პროექტებით — რადგან მათ იციან, რას უნდა ელოდონ ნამუშევრისგან.

რას მიიღებთ
• ერთი Figma კომპონენტი გადაკეთებული React + Tailwind CSS-ად
• პიქსელ-ზუსტი განლაგება, რომელიც ემთხვევა Figma დიზაინს
• რეაგირებადი (მობილური, ტაბლეტი, დესკტოპი)
• TypeScript + სუფთა კომპონენტის სტრუქტურა
• GitHub რეპოზიტორიუმი ან ZIP საწყისი კოდით
• განთავსებული წინასწარი ნახვის URL მიღებამდე გადამოწმებისთვის
• 1 გადასინჯვის რაუნდი
• 7-დღიანი მიწოდების შემდგომი მხარდაჭერა
ამ ნამუშევრის მაგალითები
გმირის განყოფილება გადაკეთებულია Figma-დან Next.js-ად
გმირის განყოფილება გადაკეთებულია Figma-დან Next.js-ად

Figma-ს გმირის განყოფილება გადაკეთდა სრულად რეაგირებად React კომპონენტად: სათაური, ქვესათაური, CTA ღილაკები და გამოსახულების ბლოკი. პიქსელ-ზუსტი შესატყვისი Framer Motion-ის გადახვევის ანიმაციებით.

სტეკი: Figma → React · Next.js 15 · Tailwind CSS · Framer Motion

პროდუქტის ბარათის ბადე გადაკეთებულია Figma-დან
პროდუქტის ბარათის ბადე გადაკეთებულია Figma-დან

Figma-ს პროდუქტის ბარათის ბადე გადაკეთდა მრავალჯერადი გამოყენებად React კომპონენტად hover მდგომარეობებით, კალათაში დამატების ღილაკებით და რეაგირებადი განლაგებით. გამოიყენება ელექტრონული კომერციის მაღაზიის ფრონტზე.

სტეკი: Figma → React · Next.js · Tailwind CSS

დაფის KPI ბარათები გადაკეთებულია Figma-დან
დაფის KPI ბარათები გადაკეთებულია Figma-დან

Figma-ს დაფის KPI განყოფილება გადაკეთდა React კომპონენტებად — სტატისტიკის ბარათები, სპარკლაინ სქემები და რეაგირებადი ბადე. გამოიყენება ადმინისტრაციულ პანელში.

სტეკი: Figma → React · Tailwind CSS · Recharts

რატომ არის ეს მიკრო Zinn

Micro Zinn არის მცირე, ფიქსირებული ფასის გასინჯვა ან მიკრო სერვისი. expertdeprudent ამას გვთავაზობს:

უნარების ჩვენებაპორტფოლიოს შემქმნელისწრაფი მცირე სამუშაოღიაა ახალი კლიენტებისთვის

Zinner ხარისხის გარანტია

✓
შემოწმებული პროფესიონალი
ყველა Zinner განიხილება და მტკიცდება პლატფორმაზე გაწევრიანებამდე.
✓
ხარისხიანი სამუშაო გარანტირებულია
ყველა სერვისი მხარდაჭერილია ჩვენი ხარისხის უზრუნველყოფის ვალდებულებით.
✓
უსაფრთხო გადახდა
თქვენი გადახდა დაცულია მანამ, სანამ არ დაამტკიცებთ შესრულებულ სამუშაოს.

მომხმარებელთა შეფასებები

ნახეთ, რას ამბობენ ჩვენი მომხმარებლები ამ Zinn-ის შესახებ

Zinner-ის პოლიტიკა

მე გადავაკეთებ ერთ Figma კომპონენტს სუფთა React და Tailwind კოდად — ხელმისაწვდომია Zinn Hub-ზე

მხოლოდ შესული მომხმარებლები, რომლებმაც შეიძინეს ეს პროდუქტი, შეუძლიათ დატოვონ შეფასება.

ოფციები და შეკვეთა

მიიღეთ Zinn Hub აპლიკაცია

შეტყობინებები · უფრო სწრაფი წვდომა · სრული ეკრანი

შეეხეთ გაზიარებას თქვენს ბრაუზერში

➜ შემდეგ შეეხეთ "მთავარ ეკრანზე დამატება"