0
ನಿಮ್ಮ ಕಾರ್ಟ್
0
Zinn Hub
0
ನಿಮ್ಮ ಕಾರ್ಟ್
0

ಒಂದು ನೋಟದಲ್ಲಿ

ನೀವು ನಿರ್ಧರಿಸಲು ಸಹಾಯ ಮಾಡಲು ಈ ಸೇವೆಯ ಬಗ್ಗೆ ಪ್ರಮುಖ ವಿವರಗಳು. Zinn Hub ನಿಂದ ರಚಿಸಲಾಗಿದೆ, ಮಾರಾಟಗಾರರಿಂದಲ್ಲ.

ಏನು ತಲುಪಿಸಲಾಗಿದೆ

1 ರಿಯಾಕ್ಟ್ + ಟೈಲ್‌ವಿಂಡ್ ಕಾಂಪೊನೆಂಟ್, ರೆಸ್ಪಾನ್ಸಿವ್ ಮತ್ತು ಟೈಪ್ ಮಾಡಲಾಗಿದೆ
ನೀವು ಒಂದು Figma ಕಾಂಪೊನೆಂಟ್ ಅನ್ನು ಕ್ಲೀನ್ ರಿಯಾಕ್ಟ್ + ಟೈಲ್‌ವಿಂಡ್ CSS ಗೆ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಪ್‌ಗಳೊಂದಿಗೆ ಪರಿವರ್ತಿಸಿ, ಮೊಬೈಲ್, ಟ್ಯಾಬ್ಲೆಟ್ ಮತ್ತು ಡೆಸ್ಕ್‌ಟಾಪ್‌ನಾದ್ಯಂತ ಸಂಪೂರ್ಣವಾಗಿ ರೆಸ್ಪಾನ್ಸಿವ್ ಆಗಿ ಸ್ವೀಕರಿಸುತ್ತೀರಿ — ನಿಮ್ಮ Next.js, React, ಅಥವಾ Vite ಪ್ರಾಜೆಕ್ಟ್‌ಗೆ ನೇರವಾಗಿ ಸೇರಿಸಬಹುದಾದ GitHub ರೆಪೊ ಅಥವಾ ZIP ಆಗಿ ವಿತರಿಸಲಾಗುತ್ತದೆ.

ತಿರುವು

48 ಗಂಟೆಗಳಲ್ಲಿ ಸಿದ್ಧ
2-ದಿನದ ವಿತರಣಾ ವಿಂಡೋದೊಂದಿಗೆ, ಇದು ಉತ್ಪಾದನೆಗೆ ಸಿದ್ಧವಾಗಿರುವ ಕಾಂಪೊನೆಂಟ್ ಅನ್ನು ನಿರ್ಮಿಸಲು ವೇಗದ ಮಾರ್ಗವಾಗಿದೆ — ನೀವು ನಿರ್ಮಾಣದ ಮಧ್ಯದಲ್ಲಿದ್ದರೆ ಮತ್ತು ನಿಮ್ಮ ಯೋಜನೆಯನ್ನು ನಿಧಾನಗೊಳಿಸದೆ ಒಂದು ವಿಭಾಗವನ್ನು ತ್ವರಿತವಾಗಿ ಆಫ್‌ಲೋಡ್ ಮಾಡಲು ಬಯಸಿದರೆ ಉಪಯುಕ್ತವಾಗಿದೆ.

ನೀವು ಕಳುಹಿಸಬೇಕಾದದ್ದು

Figma ಲಿಂಕ್ + ಕಾಂಪೊನೆಂಟ್ ಆಯ್ಕೆ + ಫ್ರೇಮ್‌ವರ್ಕ್
ಪ್ರಾರಂಭಿಸಲು ನೀವು Figma ಲಿಂಕ್ ಅನ್ನು ಹಂಚಿಕೊಳ್ಳಬೇಕು ('ಲಿಂಕ್ ಹೊಂದಿರುವ ಯಾರಾದರೂ ವೀಕ್ಷಿಸಬಹುದು' ಎಂದು ಹೊಂದಿಸಿ), ನೀವು ನಿರ್ಮಿಸಲು ಬಯಸುವ ಕಾಂಪೊನೆಂಟ್ ಅನ್ನು ಹೆಸರಿಸಿ (ಹೀರೋ, ನ್ಯಾವ್‌ಬಾರ್, ಕಾರ್ಡ್, ಫಾರ್ಮ್, ಮೋಡಲ್, ಇತ್ಯಾದಿ), ನಿಮ್ಮ ಫ್ರೇಮ್‌ವರ್ಕ್ ಅನ್ನು ದೃಢೀಕರಿಸಿ (React, Next.js, ಅಥವಾ ಸರಳ HTML/CSS), ಮತ್ತು ಫಾಂಟ್‌ಗಳು ಮತ್ತು ಆಸ್ತಿಗಳು ಫೈಲ್‌ನಲ್ಲಿವೆಯೇ ಅಥವಾ ಮೂಲವನ್ನು ಪಡೆಯಬೇಕೇ ಎಂದು ಮಾರಾಟಗಾರರಿಗೆ ತಿಳಿಸಿ.

ಇದಕ್ಕೆ ಉತ್ತಮವಾಗಿದೆ

ದೊಡ್ಡ ಯೋಜನೆಗೆ ಮೊದಲು ಡೆವಲಪರ್ ಅನ್ನು ಪರೀಕ್ಷಿಸುವುದು
ಮಾರಾಟಗಾರರು ಇದನ್ನು ಹೊಸ ಗ್ರಾಹಕರಿಗೆ ಕೌಶಲ್ಯ ಪ್ರದರ್ಶನ ಮತ್ತು ಟೇಸ್ಟರ್ ಆಗಿ ಸ್ಪಷ್ಟವಾಗಿ ನೀಡುತ್ತಾರೆ — ನೀವು ಸಂಪೂರ್ಣ Figma-ಟು-ಕೋಡ್ ಯೋಜನೆಯನ್ನು ಮನಸ್ಸಿನಲ್ಲಿಟ್ಟುಕೊಂಡಿದ್ದರೆ ಆದರೆ ದೊಡ್ಡ ವ್ಯಾಪ್ತಿಗೆ ಬದ್ಧರಾಗುವ ಮೊದಲು ಈ ಡೆವಲಪರ್‌ನಿಂದ ನಿಜವಾದ ಔಟ್‌ಪುಟ್ ಅನ್ನು ನೋಡಲು ಬಯಸಿದರೆ ಇದು ಸೂಕ್ತವಾಗಿದೆ.

ಪೂರ್ಣ ವಿವರಣೆ

ನಿರ್ಮಿಸಬೇಕಾದ Figma ಕಾಂಪೊನೆಂಟ್ ಇದೆಯೇ? ನನಗೆ ಒಂದು ಕಾಂಪೊನೆಂಟ್ ಕಳುಹಿಸಿ — ಹೀರೋ ವಿಭಾಗ, ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್, ಬೆಲೆ ಕಾರ್ಡ್, ಉತ್ಪನ್ನ ಕಾರ್ಡ್, ಫಾರ್ಮ್, ಮೋಡಲ್, ಅಥವಾ ಇನ್ನಾವುದೇ — ಮತ್ತು ನಾನು ಅದನ್ನು ಕ್ಲೀನ್, ಉತ್ಪಾದನೆಗೆ ಸಿದ್ಧವಾಗಿರುವ ರಿಯಾಕ್ಟ್ + ಟೈಲ್‌ವಿಂಡ್ CSS ಕೋಡ್‌ಗೆ ಪರಿವರ್ತಿಸುತ್ತೇನೆ.

ಯಾವುದೇ ಟೆಂಪ್ಲೇಟ್‌ಗಳಿಲ್ಲ. ಯಾವುದೇ ಪುಟ ಬಿಲ್ಡರ್‌ಗಳಿಲ್ಲ. ನಿಮ್ಮ ವಿನ್ಯಾಸಕ್ಕೆ ಪಿಕ್ಸೆಲ್-ಫಾರ್-ಪಿಕ್ಸೆಲ್ ಹೊಂದಿಕೆಯಾಗುವ ಮತ್ತು ನಿಮ್ಮ ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಯೋಜನೆಗೆ ನೇರವಾಗಿ ಸೇರಿಸಬಹುದಾದ ನಿಜವಾದ ಕೋಡ್ ಮಾತ್ರ.

ನೀವು ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ನಿರ್ಮಿಸುತ್ತಿದ್ದರೆ ಮತ್ತು ಒಂದು ಸಮಯದಲ್ಲಿ ಒಂದು ವಿಭಾಗವನ್ನು ಆಫ್‌ಲೋಡ್ ಮಾಡಲು ಬಯಸಿದರೆ ಇದು ಸೂಕ್ತವಾಗಿದೆ. ಅಥವಾ ನೀವು ದೊಡ್ಡ Figma-ಟು-ಕೋಡ್ ಯೋಜನೆಗೆ ಬದ್ಧರಾಗುವ ಮೊದಲು ನನ್ನ ಕೆಲಸವನ್ನು ಪರೀಕ್ಷಿಸುತ್ತಿದ್ದರೆ.

ನೀವು ಪಡೆಯುವುದು:
• ಒಂದು Figma ಕಾಂಪೊನೆಂಟ್ ಅನ್ನು ರಿಯಾಕ್ಟ್ + ಟೈಲ್‌ವಿಂಡ್‌ಗೆ ಪರಿವರ್ತಿಸಲಾಗಿದೆ
• ನಿಮ್ಮ ವಿನ್ಯಾಸಕ್ಕೆ ಹೊಂದಿಕೆಯಾಗುವ ಪಿಕ್ಸೆಲ್-ಪರ್ಫೆಕ್ಟ್ ಸ್ಪೇಸಿಂಗ್, ಟೈಪೋಗ್ರಫಿ ಮತ್ತು ಬಣ್ಣಗಳು
• ಸಂಪೂರ್ಣವಾಗಿ ರೆಸ್ಪಾನ್ಸಿವ್ (ಮೊಬೈಲ್, ಟ್ಯಾಬ್ಲೆಟ್, ಡೆಸ್ಕ್‌ಟಾಪ್)
• ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾಪ್‌ಗಳೊಂದಿಗೆ ಕ್ಲೀನ್, ಮರುಬಳಕೆ ಮಾಡಬಹುದಾದ ಕಾಂಪೊನೆಂಟ್
• GitHub ರೆಪೊ ಅಥವಾ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದಾದ ZIP ಆಗಿ ವಿತರಿಸಲಾಗಿದೆ
• ನಿಮ್ಮ ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ Next.js, React, ಅಥವಾ Vite ಯೋಜನೆಯಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ

ನಾನು SaaS ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳು, ರೆಸ್ಟೋರೆಂಟ್ ಸಿಸ್ಟಮ್‌ಗಳು, ಇ-ಕಾಮರ್ಸ್ ಸ್ಟೋರ್‌ಗಳು ಮತ್ತು B2B ಪೋರ್ಟಲ್‌ಗಳಿಗಾಗಿ Figma ವಿನ್ಯಾಸಗಳನ್ನು ಪರಿವರ್ತಿಸಿದ್ದೇನೆ. ನಾನು ನಿರ್ಮಿಸುವ ಪ್ರತಿಯೊಂದು ಕಾಂಪೊನೆಂಟ್ ಆಧುನಿಕ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸುತ್ತದೆ: ಸಿಮ್ಯಾಂಟಿಕ್ HTML, ಪ್ರವೇಶಿಸಬಹುದಾದ ಮಾರ್ಕಪ್ ಮತ್ತು ನೀವು ನಿರ್ವಹಿಸಬಹುದಾದ ಕ್ಲೀನ್ ಕೋಡ್.

ನೀವು ನಿರ್ಮಿಸಲು ಬಯಸುವ ನಿರ್ದಿಷ್ಟ ಕಾಂಪೊನೆಂಟ್‌ನೊಂದಿಗೆ ನಿಮ್ಮ Figma ಲಿಂಕ್ ಅನ್ನು (''ಲಿಂಕ್ ಹೊಂದಿರುವ ಯಾರಾದರೂ ವೀಕ್ಷಿಸಬಹುದು'' ಎಂದು ಹಂಚಿಕೊಳ್ಳಲಾಗಿದೆ) ನನಗೆ ಕಳುಹಿಸಿ, ಮತ್ತು ನಾನು 48 ಗಂಟೆಗಳ ಒಳಗೆ ತಲುಪಿಸುತ್ತೇನೆ.

ನೀವು ಕಾಂಪೊನೆಂಟ್ ಅನ್ನು ಇಷ್ಟಪಟ್ಟರೆ, ಹೆಚ್ಚಿನ ಖರೀದಿದಾರರು ದೊಡ್ಡ ಯೋಜನೆಗಳೊಂದಿಗೆ ಹಿಂತಿರುಗುತ್ತಾರೆ — ಏಕೆಂದರೆ ಅವರು ಕೆಲಸದಿಂದ ಏನನ್ನು ನಿರೀಕ್ಷಿಸಬೇಕು ಎಂದು ಅವರಿಗೆ ತಿಳಿದಿದೆ.

ನೀವು ಏನು ಪಡೆಯುತ್ತೀರಿ
• ಒಂದು ಫಿಗ್ಮಾ ಕಾಂಪೊನೆಂಟ್ ಅನ್ನು ರಿಯಾಕ್ಟ್ + ಟೈಲ್‌ವಿಂಡ್ CSS ಗೆ ಪರಿವರ್ತಿಸಲಾಗಿದೆ
• ಫಿಗ್ಮಾ ವಿನ್ಯಾಸಕ್ಕೆ ಹೊಂದಿಕೆಯಾಗುವ ಪಿಕ್ಸೆಲ್-ಪರ್ಫೆಕ್ಟ್ ಲೇಔಟ್
• ರೆಸ್ಪಾನ್ಸಿವ್ (ಮೊಬೈಲ್, ಟ್ಯಾಬ್ಲೆಟ್, ಡೆಸ್ಕ್‌ಟಾಪ್)
• ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ + ಕ್ಲೀನ್ ಕಾಂಪೊನೆಂಟ್ ರಚನೆ
• ಮೂಲ ಕೋಡ್‌ನೊಂದಿಗೆ GitHub ರೆಪೊ ಅಥವಾ ZIP
• ಸ್ವೀಕೃತಿಯ ಮೊದಲು ಪರಿಶೀಲಿಸಲು ನಿಯೋಜಿಸಲಾದ ಪೂರ್ವವೀಕ್ಷಣೆ URL
• 1 ಪರಿಷ್ಕರಣೆ ಸುತ್ತು
• 7-ದಿನಗಳ ವಿತರಣಾ ನಂತರದ ಬೆಂಬಲ
ಈ ಕೆಲಸದ ಉದಾಹರಣೆಗಳು
ಫಿಗ್ಮಾದಿಂದ ನೆಕ್ಸ್ಟ್.ಜೆಎಸ್ ಗೆ ಪರಿವರ್ತಿಸಲಾದ ಹೀರೋ ವಿಭಾಗ
ಫಿಗ್ಮಾದಿಂದ ನೆಕ್ಸ್ಟ್.ಜೆಎಸ್ ಗೆ ಪರಿವರ್ತಿಸಲಾದ ಹೀರೋ ವಿಭಾಗ

ಫಿಗ್ಮಾ ಹೀರೋ ವಿಭಾಗವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ರೆಸ್ಪಾನ್ಸಿವ್ ರಿಯಾಕ್ಟ್ ಕಾಂಪೊನೆಂಟ್ ಹೆಡ್‌ಲೈನ್, ಸಬ್‌ಹೆಡ್‌ಲೈನ್, CTA ಬಟನ್‌ಗಳು ಮತ್ತು ಇಮೇಜ್ ಬ್ಲಾಕ್‌ಗೆ ಪರಿವರ್ತಿಸಲಾಗಿದೆ. ಫ್ರೇಮರ್ ಮೋಷನ್ ಸ್ಕ್ರಾಲ್ ಅನಿಮೇಷನ್‌ಗಳೊಂದಿಗೆ ಪಿಕ್ಸೆಲ್-ಪರ್ಫೆಕ್ಟ್ ಹೊಂದಾಣಿಕೆ.

ಸ್ಟಾಕ್: ಫಿಗ್ಮಾ → ರಿಯಾಕ್ಟ್ · ನೆಕ್ಸ್ಟ್.ಜೆಎಸ್ 15 · ಟೈಲ್‌ವಿಂಡ್ CSS · ಫ್ರೇಮರ್ ಮೋಷನ್

ಫಿಗ್ಮಾದಿಂದ ಪರಿವರ್ತಿಸಲಾದ ಉತ್ಪನ್ನ ಕಾರ್ಡ್ ಗ್ರಿಡ್
ಫಿಗ್ಮಾದಿಂದ ಪರಿವರ್ತಿಸಲಾದ ಉತ್ಪನ್ನ ಕಾರ್ಡ್ ಗ್ರಿಡ್

ಫಿಗ್ಮಾ ಉತ್ಪನ್ನ ಕಾರ್ಡ್ ಗ್ರಿಡ್ ಅನ್ನು ಹೋವರ್ ಸ್ಟೇಟ್‌ಗಳು, ಕಾರ್ಟ್‌ಗೆ ಸೇರಿಸು ಬಟನ್‌ಗಳು ಮತ್ತು ರೆಸ್ಪಾನ್ಸಿವ್ ಲೇಔಟ್‌ನೊಂದಿಗೆ ಮರುಬಳಕೆ ಮಾಡಬಹುದಾದ ರಿಯಾಕ್ಟ್ ಕಾಂಪೊನೆಂಟ್‌ಗೆ ಪರಿವರ್ತಿಸಲಾಗಿದೆ. ಇ-ಕಾಮರ್ಸ್ ಸ್ಟೋರ್‌ಫ್ರಂಟ್‌ನಾದ್ಯಂತ ಬಳಸಲಾಗಿದೆ.

ಸ್ಟಾಕ್: ಫಿಗ್ಮಾ → ರಿಯಾಕ್ಟ್ · ನೆಕ್ಸ್ಟ್.ಜೆಎಸ್ · ಟೈಲ್‌ವಿಂಡ್ CSS

ಫಿಗ್ಮಾದಿಂದ ಪರಿವರ್ತಿಸಲಾದ ಡ್ಯಾಶ್‌ಬೋರ್ಡ್ KPI ಕಾರ್ಡ್‌ಗಳು
ಫಿಗ್ಮಾದಿಂದ ಪರಿವರ್ತಿಸಲಾದ ಡ್ಯಾಶ್‌ಬೋರ್ಡ್ KPI ಕಾರ್ಡ್‌ಗಳು

ಫಿಗ್ಮಾ ಡ್ಯಾಶ್‌ಬೋರ್ಡ್ KPI ವಿಭಾಗವನ್ನು ರಿಯಾಕ್ಟ್ ಕಾಂಪೊನೆಂಟ್‌ಗಳಾಗಿ ಪರಿವರ್ತಿಸಲಾಗಿದೆ — ಸ್ಟಾಟ್ ಕಾರ್ಡ್‌ಗಳು, ಸ್ಪಾರ್ಕ್‌ಲೈನ್ ಚಾರ್ಟ್‌ಗಳು ಮತ್ತು ರೆಸ್ಪಾನ್ಸಿವ್ ಗ್ರಿಡ್. ನಿರ್ವಾಹಕ ಫಲಕದಲ್ಲಿ ಬಳಸಲಾಗಿದೆ.

ಸ್ಟಾಕ್: ಫಿಗ್ಮಾ → ರಿಯಾಕ್ಟ್ · ಟೈಲ್‌ವಿಂಡ್ CSS · ರಿಚಾರ್ಟ್ಸ್

ಇದು ಮೈಕ್ರೋ Zinn ಏಕೆ

ಮೈಕ್ರೋ Zinn ಒಂದು ಸಣ್ಣ, ನಿಗದಿತ ಬೆಲೆಯ ಟೇಸ್ಟರ್ ಅಥವಾ ಮೈಕ್ರೋ ಸೇವೆಯಾಗಿದೆ. expertdeprudent ಇದನ್ನು ಇದಕ್ಕಾಗಿ ನೀಡುತ್ತಿದೆ:

ಕೌಶಲ್ಯಗಳ ಪ್ರದರ್ಶನಪೋರ್ಟ್‌ಫೋಲಿಯೋ ಬಿಲ್ಡರ್ತ್ವರಿತ ಸಣ್ಣ ಕೆಲಸಹೊಸ ಗ್ರಾಹಕರಿಗೆ ಮುಕ್ತ

Zinner ಗುಣಮಟ್ಟದ ಗ್ಯಾರಂಟಿ

✓
ಪರಿಶೀಲಿಸಿದ ವೃತ್ತಿಪರ
ಪ್ರತಿಯೊಬ್ಬ Zinner ಅನ್ನು ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗೆ ಸೇರುವ ಮೊದಲು ಪರಿಶೀಲಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಅನುಮೋದಿಸಲಾಗುತ್ತದೆ.
✓
ಗುಣಮಟ್ಟದ ಕೆಲಸಕ್ಕೆ ಗ್ಯಾರಂಟಿ
ಎಲ್ಲಾ ಸೇವೆಗಳು ನಮ್ಮ ಗುಣಮಟ್ಟದ ಭರವಸೆಯ ಬದ್ಧತೆಯಿಂದ ಬೆಂಬಲಿತವಾಗಿವೆ.
✓
ಸುರಕ್ಷಿತ ಪಾವತಿ
ನೀವು ವಿತರಿಸಿದ ಕೆಲಸವನ್ನು ಅನುಮೋದಿಸುವವರೆಗೆ ನಿಮ್ಮ ಪಾವತಿಯನ್ನು ರಕ್ಷಿಸಲಾಗಿದೆ.

ಗ್ರಾಹಕ ವಿಮರ್ಶೆಗಳು

ಈ Zinn ಬಗ್ಗೆ ನಮ್ಮ ಗ್ರಾಹಕರು ಏನು ಹೇಳುತ್ತಾರೆಂದು ನೋಡಿ

Zinner Policies

ನಾನು ಒಂದು ಫಿಗ್ಮಾ ಕಾಂಪೊನೆಂಟ್ ಅನ್ನು ಕ್ಲೀನ್ ರಿಯಾಕ್ಟ್ ಮತ್ತು ಟೈಲ್‌ವಿಂಡ್ ಕೋಡ್‌ಗೆ ಪರಿವರ್ತಿಸುತ್ತೇನೆ — Zinn Hub ನಲ್ಲಿ ಲಭ್ಯವಿದೆ

ಈ ಉತ್ಪನ್ನವನ್ನು ಖರೀದಿಸಿದ ಲಾಗಿನ್ ಮಾಡಿದ ಗ್ರಾಹಕರು ಮಾತ್ರ ವಿಮರ್ಶೆಯನ್ನು ನೀಡಬಹುದು.

ಆಯ್ಕೆಗಳು & ಆರ್ಡರ್

Zinn Hub ಅಪ್ಲಿಕೇಶನ್ ಪಡೆಯಿರಿ

ಅಧಿಸೂಚನೆಗಳು · ವೇಗದ ಪ್ರವೇಶ · ಪೂರ್ಣ-ಪರದೆ

ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ Share ಅನ್ನು ಟ್ಯಾಪ್ ಮಾಡಿ

➜ ನಂತರ "Add to Home Screen" ಅನ್ನು ಟ್ಯಾಪ್ ಮಾಡಿ