דילוג לתוכן

ניאו-ברוטליסטיReact UI Figma kit

ערכת Figma במראה ניאו-ברוטליסטי שממופה 1:1 לרכיבי React — 300+ רכיבים עם variants, auto-layout והערות מחלקות Tailwind. טוקנים בהירים וכהים כלולים; Pro פותח את הערכה.

Figma ערכה
300+ רכיבים
  • 300+ רכיבי Figma
  • גרסאות ו-auto-layout
  • Tailwind הערות על מחלקות
  • ממיר מ-1:1 לקוד
  • אסימונים בהירים וכהים
  • כלול ב-Pro
  • אסימוני נושא מובנים
  • תכנון → משלוח
  • בעיצוב ניאו-ברוטליסטי
  • v1.3 ערכה

סולם עיצוב ו- פיתוח

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

01

כל רכיב בסיסי, כרכיב מסוג Figma

כפתורים המופיעים בתיבות דו-שיח ובמקומות אחרים נכללים במוצר כרכיבי Figma אמיתיים עם וריאציות. עיצבו תוך שימוש באותה ספרייה שהאפליקציה שלכם מתקינה — ולא בדגם חד-פעמי שהמהנדסים בונים מחדש מאפס.

Components
פאנל הרכיבים בערכת ה-Figma של Neobrutalism.com
02

Tailwind מחלקות בכל שכבה

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

Tailwind classes
פאנל מחלקות ה-Tailwind בערכת ה-Figma של Neobrutalism.com
03

בחר נושא פעם אחת — וכל הערכה תסתדר בהתאם

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

Theme tokens
פאנל טוקני ערכת הנושא בערכת ה-Figma של Neobrutalism.com

Figma ערכה · v1.3

עצבו את המוצר הבא שלכם שימשוך תשומת לב

אהובה על מפתחים, מעצבים
ויוצרים

  • נתקלתי בערכת ה-UI שלך ולקחתי אותה מיד. חדשה, מתוחזקת באופן פעיל ומשתפרת כל הזמן — עבודה מדהימה! 🤘

    Ziv Reich, מפתח תוכנה
  • רק רציתי להגיד עבודה מעולה על neobrutalism.com. ממש אהבתי. אני גרוע בעיצוב, אז זה היה מדהים. השתמשתי בזה באתר האישי שלי.

    Paul Bratslavsky, היוצר של Coding With Paul
  • סוף סוף בניתי מחדש את האתר האישי שלי עם Neobrutalism.com — ספרייה כיפית, קל מאוד להתחיל!

    Cameron Blackwood, יוצר תוכן
  • Neobrutalism.com היא אחת מספריות רכיבי ה-UI האהובות עליי בסגנון רטרו — רכיבים שבאמת אפשר ל-ship.

    Zhengyang Hou, אינדי האקר
  • אחת מספריות ה-ui האהובות עליי לווב. עבודה מעולה — מקווה שזה ימריא רחוק.

    Taseen Tanvir, מייסד ומעצב
  • ניסיתי את Neobrutalism.com Pro — ערכת UI שלא נראית כמו כל השאר. הבלוקים הניאו-ברוטליסטיים 🔥 האיצו פרוטוטייפים של לייאאוטים מוזרים.

    Nitesh Padghan, כותב צללים
  • עיצוב דף נחיתה יפהפה עם איזון וזרימה מושלמים. פלטת הצבעים בשילוב האנימציות יוצרת חוויית משתמש יוצאת דופן.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI
  • אני באמת מתרשם מהעיצוב שהם סיפקו. המוצר הסופי תאם בדיוק את מה שדמיינתי.

    Desmond, מייסד-שותף @ VectorlabsVentures
  • כבעל סוכנות, בדרך כלל אני מבלה שבועות בליטוש לייאאוטים של דפי נחיתה ללקוחות. עם Neobrutalism.com אני מחבר תבנית, מתאים את הטקסט ומוכן לשיפ.

    Duke Opoku Amankwah, מייסד @ Midas
  • התבניות לא רק מדהימות ויזואלית — הן גם בנויות מצוין. חסכו לנו שבועות של פיתוח.

    Abiola Braimah, מפתח @ Studio IX
  • איכות יוצאת דופן ותשומת לב לפרטים. העיצוב הרספונסיבי עובד חלק על כל המכשירים.

    Acromond X., מייסד-שותף @ VectorlabsVentures
  • שילוב התבניות האלה בזרימת העבודה קיצר משמעותית את מחזור הפיתוח. עבודה מצוינת.

    Raquib S., מפתח Backend
  • התבניות האלה הפכו למשאב ה-go-to שלנו. הקוד נקי, מתועד היטב וקל להתאמה.

    Hallic M., מפתח @ AtlasLabs
  • תבניות Neobrutalism.com מוצאות את האיזון המושלם בין אסתטיקה לפונקציונליות. משנות משחק אמיתיות לפרויקטים שלנו.

    Ibrahim S., Frontend Lead @ ScaleUp
  • תמיכה יוצאת דופן ותבניות באיכות פרימיום. ה-ROI על התבניות האלה פנומנלי.

    Kevin K., CEO @ WebCraft
  • תבניות Neobrutalism.com שינו לגמרי איך אנחנו ניגשים לפרויקטי לקוחות חדשים. איכות הקוד יוצאת דופן והעיצובים באמת ברמה עולמית.

    Danny G., מייסד DevStack
  • השתמשתי בהרבה ספריות תבניות, אבל Neobrutalism.com בולט בתשומת הלב לאופטימיזציית ביצועים ולארכיטקטורת קוד נקייה.

    Ian D., CTO ב-Wavelength
  • האנימציות והמיקרו-אינטראקציות בתבניות האלה פשוט מדהימות. ההשקעה הכי טובה לצוות העיצוב שלנו.

    Ben S., Lead Designer ב-PixelPerfect
  • כמייסד לא-טכני, תבניות Neobrutalism.com עזרו לנו להשיק MVP בזמן שיא בלי להתפשר על איכות העיצוב. המשקיעים שלנו התרשמו מאוד.

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

    Garrett P., Frontend Lead ב-TechFusion
  • ה-ROI על תבניות Neobrutalism.com מדהים. קיצרנו דרמטית את זמן הפיתוח תוך אספקת אתרים באיכות גבוהה יותר ללקוחות.

    Xavier C., בעל סוכנות

Figma ערכה
FAQ

מערכת העיצוב.fig של Pro המופיעה בעמוד זה — תוכן הקובץ, הורדה מוגבלת, הערות ב-Tailwind, והאופן שבו היא משתלבת עם הקוד.

Figma בעיה בגישה ל-kit? שלחו דוא"ל[email protected]