Design Maturity Assessment
Design – Tools
Tokens Studio for Figma (Figma Tokens)
A figma plugin allowing you to apply, manage and sync design tokens from Figma to code, formerly known as Figma Tokens.
Anima: Design to code | Design system automation | High-fidelity prototypes
Anima is transforming the design to development workflow: design to code (Figma / XD / Sketch to React / Vue / HTML), design system automation (Storybook to Figma), next level prototyping (in Figma, XD and Sketch).
▶ Aninix
Powerful UI animations within Figma
Typographic Scales - UI Design Handbook - Design+Code
Learn more about typographic scales.
PhotoMosh
Unlimited creative control for image and video glitching. Distort images, videos or webcam using creative effects. Free and easy to use. Save output as image, gif or video.
Coolors - The super fast color schemes generator!
Generate or browse beautiful color combinations for your designs.
Storyset | Customize, animate and download illustration for free
Edit and animate all our customizable illustrations to enhance your projects totally free. Start now to be creative in our online editor ✅
Design Kit
Design Kit is IDEO.org's platform to learn human-centered design, a creative approach to solving the world's most difficult problems.
Design Systems For Figma
A collection of Design Systems for Figma from all over the globe.
Color Stacks
Human Interface Guidelines - Design - Apple Developer
Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.
Homepage - Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Design+Code - Learn to design and code React and Swift apps
Learn design and code by building real apps with React and Swift. Complete courses about UI design, web and iOS development using Figma, CSS, React Hooks and SwiftUI.
GraphicBurger
Tasty design resources made with care for each pixel. Free for both personal & commercial use. Have a bite!
Style Dictionary - Style once, use everywhere. A build system for creating cross-platform styles.
Style once, use everywhere. A build system for creating cross-platform styles.
Neede Design Resources
Neede is a curated collection of some of the best online design resources.
Design Systems articles on building and maintaining design systems
A Figma publication for design systems creators, designers, developers, and managers
Mobile Design Patterns - Pttrns
Check out the finest collection of design patterns, resources, mobile apps and inspiration
Color - Cloudflare Design
A color palette tool for interface design
Fonts, bootstrap themes, icons, ui kits & more ~ EpicPxls
Introducing Macquarie - An Architect Web Design Template. it is clean, elegant and professional look design.
Whats included?
-Homepage
-About
-Service
-Blog Archive
-Single Blog
what tools needed?
-Figma
Thank you
Noun Project for Mac
Search, drag, and drop the visual language from your desktop
InVision | Digital product design, workflow & collaboration
InVision is the digital product design platform used to make the world’s best customer experiences. InVisionApp, Inc.
Glyphs
Glyphs 3 is a Mac font editor that puts you in control: quickly draw high-precision vectors, efficiently reuse shapes, and easily manage any number of letters, figures and symbols.
The color system - Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Colormind - the AI powered color palette generator