טמפלטים ולינקים שימושיים
קובץ טמפלט בפיגמה לבניית דיזיין סיסטם
בעזרת הקובץ תוכלו להתחיל לבנות דיזיין סיסטם מאפס בצורה יעילה ובשימוש של כל הכלים שיש לפיגמה להציע. יש לנו תבניות ליצירה של היסודות, מצבעים וטיפוגרפיה דרך יחידות מידה וגריד בשימוש וריאבלז וטוקנים והוספת שכבות של תיעוד והכנה לפיתוח.
Color Palette
Using and customizing the color palette in Tailwind CSS projects.
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
Figma community
Color Tokens
Create and customize beautiful Tailwind CSS color palettes. Generate, edit, and export colors for your design with our intuitive color generator tool.
Figma community - Generate a full Tailwind CSS color scale based on a hexcode, HSL color or a random color. Create color variables, styles and a color guide based on the generated color scale.
Typography
Figma community - Quickly generate a simple typescale/modular scale. This is an very early version.
Learn about Material Design typography. This guide covers everything from font styles and hierarchy to line height to create user-friendly text.
Typography defines hierarchy
Icons
If you’re a digital designer, you’ve probably encountered an icon grid before—perhaps while contributing to a set of product icons or creating an app icon for iOS or Android. Perhaps—like me—you…
Material Symbols is a variable icon font with thousands of fonts across seven weights and three styles.
Figma community - Variety of icon grid and keyline template from famous Design Systems
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
5664 open source free SVG icons. No attribution required - Tabler Icons. Configurable stroke, color and size.
Documentation
Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
Explore 1000s of components and libraries
Vibe design system by monday.com
COMMUNITY Showcase Design system documentation sites made with zeroheight.Want to showcase yours? Let us know. Get started for free Filter
Hand-off
Figma community - ✓ Improve communication within your design files. Indicate spaces and leave visible notes. ✓ Use ready-made embeds and widgets in your files: Instagram, Twitter, Google Map, Disqus, Facebook, YouTube, and even captcha (reCaptcha and hCaptcha).
Figma community - Hi Figmates👋 In this file, there is a Handoff Kit. This kit allows you to help
מהניסיון שצברנו 