Design Leader. Design Systems Lead. Product Designer. Content Creator. Educator.

Christopher Deane - Portfolio

A Figma Design System that helps individuals and organisations Scale.

Scale Design System

Design Better, Deliver FasterA Figma Design System that helps individuals and organisations Scale.Preview in FigmaChangelog09/09/23: Version 2.2.0 released!Scale's biggest update since it's release is here with Responsive Web Modules and a bunch of other new and improved tokens and components.Check out the changelog here.FeaturesDesign landing pages fast with responsive web modules32 web modules, hundreds of outcomes that all reflow automatically when resized.Hero, Feature, Logo, Pricing, CTA and FAQ modules for web designUse with breakpoint variables to instantly create tablet and mobile designsLanding page examples that show you what you can createSwitch modes automagicallyAutomatic light to dark mode with one set of components. Powered by Figma Variables.Saving the world with Semantic TokensThey represent the role that each color plays in the interface.Simplify the application of color in your designsSpeak the same language as your developersReduce design and development debtProperties, Nested Instances, Variants, they're all hereSave design time with components that come with properties and nested instances.Select a component, dial up the outcome you want, swap nested instances, its that easyGain 1:1 parity with your developers with properties that match what you’ll use in codeWhat’s inside?191 VariablesColor, Semantic, Spacing and Border Radius variables.2900+ Components and VariantsThousands of possibilities with variants and properties.298 IconsScale comes with a baseline set, then teaches you how to create your own so you only ever have what you need.2 Free UI KitsScale.Chat and Scale.madewithscaleBefore you buyLicence AgreementMake sure you read the Licence Agreement before completing your purchase.Learn morePreview in FigmaScale sitehttp://www.scaledesignsystem.com/Questionsinfo@scaledesignsystem.com

Scale - Figma Design System

Loving Husband and Awesome Dad. Design Systems. Product Design. Content Creation.

Figma (@ChrisD) | Figma Community

ScaleDS has 4 repositories available. Follow their code on GitHub.

ScaleDS - Overview

Read writing from Christopher Deane on Medium. Loving Husband and Awesome Dad. Principal Designer. Design System Consultant. Content Creator. Every day, Christopher Deane and thousands of other voices read, write, and share important stories on Medium.

Christopher Deane – Medium

Log in to Twitter to see the latest. Join the conversation, follow accounts, see your Home Timeline, and catch up on Tweets from the people you know.

Scale.Chat is a free Chat App UI Kit that features:

Automatic Light to Dark mode switching with Figma Variables*40+ screens, with new ones added soonPhone 14 Pro size with Auto LayoutComponents with Figma Properties
*Requires Scale Design System.

Thanks and have fun 🤘,

Chris

Copyright info: Y...

Scale.Chat | Figma Community

Made with Scale is a free UI Kit that features:

Automatic Light to Dark mode switching with Figma Variables*App designs that show what you can design with Scale Design SystemTwitter, Youtube, CBA, AirBnb, Uber Eats with more to come
*Requires Scale Design System.

Thanks and have fun 🤘,

Chris


Made with Scale | Figma Community

Hi, I'm Christopher Deane. I'll be posting design tutorials and other videos that help you scale design, design products, animate and become a better designer.

Christopher Deane

Scale

Scale.Chat

Made with Scale

Figma: Button Component with Properties

Please help my wife fight cancer

Figma and After Effects: Animated Bell Icon for Lottie

After Effects: Animated Hamburger Icon for Lottie

After Effects: Animated Tab Bar Icons for Lottie

Set up your Mac to create Lottie Animations

Reacting to my first Youtube video from 3 years ago

Sketch 71 Beta: Real-time Collaboration with Tom Wells

13" M1 Macbook Air vs 15" 2018 Macbook Pro: 4K Youtube Video Render Face-off

After Effects: Logo Reveal Animation

Youtube Subscribe Button Animation in After Effects

Sketch Big Sur UI Animation in After Effects

Sketch 69 Beta Color Variables, Component View and & Insert Window

Hard and Soft 8 Point Grids

Auto-animate in Sketch with Anima

Sketch 67 Embed Fonts in Documents

Rapid Prototyping with Uizard

Sketch 65 Prototyping Updates

Top 5 Sketch Plugins for Productivity

Sketch 62: Smart Layout Updates

Sketch for Teams: Cloud Inspector

Sketch 61: Design with the Components Panel

Design Systems, part 20: Dezin 1.0 with Figma and Webflow versions

Sketch for Teams: From setup to working libraries

Sketch 58 beta: Smart layout

Design with a Design System: Landing page, Part 3

Design with a Design System: Landing page, Part 2

Design with a Design System: Landing page, Part 1

Design Systems, part 19: Community Updates 3, padding, tabs, art-boards and cleanup

Design Systems, part 18: Responsive cards

Creating Scale Design System. Design System Lead at Macquarie Bank. Loving Husband, Awesome Dad.