Magic Patterns

הסקירה

אתם כותבים תיאור של פיצ'ר חדש או מעלים צילומי מסך, ו־Magic Patterns מייצר מזה ממשק משתמש מלא בקוד React. הוא מתחבר ישירות למאגר הקיים שלכם ב־GitHub, לחבילת NPM או לכתובת אתר פעילה, ומושך משם את חוקי העיצוב, הטוקנים והקומפוננטות של המוצר שלכם. הרעיון הוא לבנות אב טיפוס שנראה בדיוק כמו המערכת האמיתית ולא כמו ציור כללי, כדי שתוכלו לבדוק רעיון מול משתמשים בלי לחכות חודש לפיתוח מלא.

הממשק עצמו עובד באנגלית מלאה, ואין באתר שום אזכור לתמיכה בשפות מימין לשמאל או לעיצוב ייעודי בעברית. זה חיסרון בולט אם קהל היעד שלכם יושב בישראל וצריך לבדוק זרימת מסכים בשפת האם. אפשר אמנם להזין טקסטים בעברית בתוך הפרומפטים, אבל שבירת שורות, יישור לימין ורכיבי ניווט מקומיים כנראה ידרשו התאמות ידניות מצידכם. אם המוצר שלכם מיועד לשוק הבינלאומי, המגבלה הזו מפריעה הרבה פחות.

איך זה עובד בפועל

הכוח העיקרי כאן נשען על שמירת שפת המותג הקיימת שלכם. במקום לייצר כפתורים וטבלאות גנריים, הכלי מנסה להשתמש בדיוק באותם רכיבים שכבר כתבתם. אתם יכולים לערוך את המסכים יחד בזמן אמת, להוסיף הערות בין מעצבים לאנשי מוצר, ולמשוך את התוצאה הסופית ישירות למחשב באמצעות פרוטוקול MCP או בסנכרון מול GitHub. זה שווה את זה רק אם יש לכם כבר מערכת עיצוב מוגדרת שתרצו להזין לתוכו.

מי שאין לו מוצר קיים ימצא פה תבניות התחלתיות כמו מערכות סטייל Windows XP, Duolingo או Material UI. יחד עם זאת, לא הייתי משתמש בזה לפרויקטים חד-פעמיים או לבניית אתר תדמית פשוט. יש כלים זולים בהרבה לעיצוב מהיר שלא דורשים הבנה ברכיבי תוכנה. המערכת הזו פונה בבירור לצוותי מוצר ומתכנתים שחיים בעולם של ספריות קוד, ומעוניינים לקצר את שלב המחקר של תכונות חדשות.

ההתחלה לא דורשת תשלום.

כמה זה עולה, ומתי משלמים

מסלול הניסיון החינמי מעניק קרדיטים חודשיים בסיסיים לבדיקה ראשונית, אבל אם תרצו להוריד את סימן המים מהתצוגה המקדימה תצטרכו לעבור למסלול Starter. הוא עולה 17 דולר למשתמש לחודש בתשלום שנתי, או 20 דולר אם משלמים חודש בחודשו. המסלול הזה כולל 1,000 קרדיטים, ייצוא ל־GitHub ול־Figma, גישה ל־MCP וסביבת עבודה לעד 10 משתמשים. לרוב הצוותים הקטנים זו המדרגה הנכונה להתחיל בה.

המחיר קופץ מהר מאוד.

אם אתם צריכים חיבור SSO, דוחות שימוש או סביבה ליותר מעשרה אנשים, תצטרכו לקפוץ למסלול Business. העלות שם כבר מגיעה ל־85 דולר למשתמש בחודש במסלול שנתי, או 100 דולר בחודש רגיל, ומקבלים 5,000 קרדיטים חודשיים. כל קרדיט נוסף מעבר למכסה עולה 0.02 דולר, וקרדיטים שלא נוצלו עוברים לחודש הבא ופגים אחרי חודש אחד. פעולות תיקון ועריכה חזותית אינן עולות קרדיטים נוספים.

• מסלול חינםקיים עם קרדיטים מוגבלים
• מחיר התחלתי17 דולר לחודש
• עברית ו־RTLאין אזכור לתמיכה