The latest articles on Forem by Ildiko (@ildikoignacz). https://forem.com/ildikoignacz https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F356716%2F3ce1b61c-5442-4d58-bfac-d08e448d8a75.jpeg https://forem.com/ildikoignacz en Ildiko Sat, 28 Mar 2020 12:49:16 +0000 https://forem.com/ildikoignacz/ui-component-source-files-sketch-3hfj https://forem.com/ildikoignacz/ui-component-source-files-sketch-3hfj <p>Last week most of my daily practices were spent on creating components for Flow UI.</p> <p>Flow UI is a design system that we're building together with the amazing guys from Themesberg for the tailwind CSS framework.</p> <p>I created a notification settings modal, a list, some tooltips, a sign up pop-up and a couple other components.</p> <p>You can check out the designs and click on them to download the <code>.sketch</code> source files below.</p> <p>I hope you like them, and you'll find them useful.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ZLNvjSPG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://uidesigndaily.com/uploads/1056/day_1056.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ZLNvjSPG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://uidesigndaily.com/uploads/1056/day_1056.png" alt="Notification Settings"></a></p> <p><a href="https://uidesigndaily.com/posts/sketch-notification-settings-notifications-modal-day-1056">Download Source from here</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--o2Rz-gdM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://uidesigndaily.com/uploads/1057/day_1057.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--o2Rz-gdM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://uidesigndaily.com/uploads/1057/day_1057.png" alt="App List"></a></p> <p><a href="https://uidesigndaily.com/posts/sketch-apps-list-app-modal-day-1057">Download Source from here</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--8vdCpDxz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://uidesigndaily.com/uploads/1058/day_1058.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8vdCpDxz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://uidesigndaily.com/uploads/1058/day_1058.png" alt="Tooltips"></a></p> <p><a href="https://uidesigndaily.com/posts/sketch-tooltips-tooltip-onboarding-day-1058">Download Source from here</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WO7MaGah--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://uidesigndaily.com/uploads/1059/day_1059.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WO7MaGah--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://uidesigndaily.com/uploads/1059/day_1059.png" alt="Sign Up"></a></p> <p><a href="https://uidesigndaily.com/posts/sketch-sign-up-card-day-1059">Download Source from here</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--FV6l3ZtL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://uidesigndaily.com/uploads/1060/day_1060.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--FV6l3ZtL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://uidesigndaily.com/uploads/1060/day_1060.png" alt="Components"></a></p> <p><a href="https://uidesigndaily.com/posts/sketch-components-share-card-day-1060">Download Source from here</a></p> uidesign resources sketch frontend