Category: Uncategorized

  • Golden Canon Grids for Layout, UI, Visual Design

    One more resource for y’all and this one is a good one in terms of UI Design and layout design in general for Visual Design ===================Golden Canon Grid by Bont aka Adrian Somozahttps://www.youtube.com/c/hellobont/search?query=grid (👈🏽 YouTube link jumps to a search result on grids that will help you leverage how to compose layouts using the grids) […]

  • Font Stuff and Wait There’s More

    Fonts The League of Moveable Type Google Fonts Font Squirrel Fontshare Lost Type Typewolf Pairings Femmebot Fontjoy Fontpair Perfect Pairings Reliable Pairings Typekit Pairings Additional Ten Great Google Font Combinations for Your Next Design Project (Another) Ultimate Font Pairing Article List of font pairing and typography tools – welcome to follow me on Medium and […]

  • My Favorite Color Rool: Colorable Text Demo and Matrix Table

    https://jxnblk.github.io/colorable/demos/text/https://jxnblk.github.io/colorable/demos/matrix/

  • My Go To For Fonts

    Google Fonts or Open Source Fonts GaramondJosefin SanJosefin SlabLatoMonserratPoppinOpen SansOswaldRalewayRobotoSource San Pro Commercial Fonts BaskervilleBrandon GrotesqueBrothersCalton EleganceChocolates by TypetypeFountain by fontunesFranklin GothicFuturaHalimun ScriptIntro RustMinionNeo MayhemNeufreitNeutrafaceNewakeProxima NovaRhode WhiteSequel SansSucrose by Yellow Design StudioTrend Rough by LatinotypeTT Berlinerins Modern Script & Old Grotesk by TypetypeWashington DC Elegant Apple System Fonts AvenirFuturaGill SansHelveticaHelvetica NeueMyriad

  • Figma Font Tools; the plugins, and typography

    Font related plugins Font preview pluginshttps://www.figma.com/community/plugin/890494567122693015/Font-Preview Font Viewerhttps://www.figma.com/community/plugin/1027863721483813752/Font-Viewer Better Font Pickerhttps://www.figma.com/community/plugin/739922281164562258/Better-Font-Picker Typescaleshttps://www.figma.com/community/plugin/739825414752646970/Typescales Font Scalehttps://www.figma.com/community/plugin/741231992144144738/Font-Scale Text Resizer – Accessibility Checkerhttps://www.figma.com/community/plugin/892114953056389734/Text-Resizer—Accessibility-Checker Font Pairhttps://www.figma.com/community/plugin/1105220730154050357/Fontpair Glyphshttps://www.figma.com/community/plugin/849323869157549525/Glyphs Archttps://www.figma.com/community/plugin/762070688792833472/arc Styles related plugins Automatic Style Guideshttps://www.figma.com/community/plugin/838622388628773312/Automatic-Style-Guides Textyleshttps://www.figma.com/community/plugin/804843548882105498/Textyles Textstyleshttps://www.figma.com/community/plugin/803311677045533625/Typestyles StyleListhttps://www.figma.com/community/plugin/927255248672920500/StyleList-%E2%80%93-text-and-color-styles Style Docshttps://www.figma.com/community/plugin/1086726114862988342/Style-Docs Figma’s Google Font Pairhttps://www.figma.com/google-fonts/ Recommended  Typography anatomy and terminology for later https://visme.co/blog/type-anatomy/ https://designmodo.com/letterform/ https://designmodo.com/typography-cheat-sheet/ https://www.interaction-design.org/literature/article/what-is-type-anatomy

  • A decent Starter Figma Design File for Projects, Project Proposal, Case Study Proposal, Presentation and a Primer on 8pt grid system, Figma plugins

    Core – Design File Template (the primer with resource to read)By Anatoly Verbitskyhttps://www.figma.com/community/file/1105770165721927425 Source of truth Design DeckBy Femke van Schnoohovenhttps://www.figma.com/community/file/893498913793103081 Katie – Design Starter Kit V1.2By Mehdi Rezvan Pourhttps://www.figma.com/community/file/1109103628894532875 File Start templateBy Luis Ouriachhttps://www.figma.com/community/file/1053712920182520318 Design File TemplateBy Saroj Shahihttps://www.figma.com/community/file/882605902823771753 Figma Project TemplateBy Tobias Negelehttps://www.figma.com/community/file/872568832985837673 Design Project TemplateBy Dropboxhttps://www.figma.com/community/file/855188719022244530 Design Annotations & File Template Setup […]

  • Timers for time boxing and time tracking while in FigJam, and General Collaborative Pomodoro Timer, and Project Manager

    Timers for time boxing and time tracking while in FigJam, and all general timer that’s collaborative for teams. Very important down the line to time box and build up your own estimation on activities and task. Hint: When freelancing or doing contract FigJendahttps://www.figma.com/community/widget/1052257340061758363/FigJenda Activity Trackerhttps://www.figma.com/community/widget/1026880323669555103/Activity-Tracker Big Timerhttps://www.bigtimer.net/ A Collaborative all around Pomodoro timerPomodoro timer with […]

  • Leadership Styles

    Leadership styles I’ve adopted up in my career or line of work. • be adaptable to communication styles.• set the tenor of working agreement early before the work begins.• over communicate than simplication.• be empathetic and assume good intentions, say this during working agreements• share out the email charter

  • How to make Visual Design great by using grids and auto layout in Figma

    How to make Visual Design great by using grids and auto layout in Figma

    Here’s my reading list for teams and solo designers: Everything about grids by Thomas Lowry, Designer Advocate at Figmahttps://www.figma.com/best-practices/everything-you-need-to-know-about-layout-grids/🔗 Duplicate this file it’s the example of nested grids example from Tom’s article https://www.figma.com/file/KpGnFzwTnzpu2Z5T4CSFuQ/Layout-Grids?node-id=0%3A1Here’s an embedded version you can explore Create layout grids using frames or nest frames (hint they help auto layout settings when using […]