Design Lead. Design Systems. Design Ops. Product Design. Animation. Content Creation.

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 FigmaChangelog25/12/24: Version 2.9.0 released!Check out the changelog here.FeaturesTypography VariablesResponsive type that switches between Desktop, Mobile and App breakpoints Primitive and Semantic Type Variables Switch between web and app breakpoints automatically Design web and app products with one set of text styles and components Semantic Color VariablesAssign color with intent, and set yourself up for automatic mode switching Assign color in a meaningful way that scales across any theme or mode Switch between Light to Dark modes automatically Speak the same language as your developers ComponentsA family of components that come with properties, nested instances and variants Select a component, dial up the outcome you want, swap nested instances Gain 1:1 parity with your developers with properties that match what they use Content modulesDesign landing pages and apps faster with responsive content modules Hero, Feature, Logo, Pricing, CTA, FAQ and Carousel modules Use with breakpoint variables to swap between Desktop and Mobile widths Landing page examples that show you what you can create What’s inside?374 Variables and StylesSemantic Color, Responsive Typography, Spacing, Border, Elevation and more.3000+ ComponentsWeb and App components, properties and variants, thousands of possibilities.40 Content ModulesResponsive Hero, Feature, Logo, Pricing, CTA, FAQ and Carousel modules.936 Icons and pictogramsA baseline set of icons and guidelines to create your own.Before 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.

ERROR: The request could not be satisfied

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

ScaleDS - Overview

I help organisations create scalable, customer focussed products and experiences as a… · Experience: Macquarie Group · Location: Sydney · 500+ connections on LinkedIn. View Christopher Deane’s profile on LinkedIn, a professional community of 1 billion members.

Christopher Deane - Macquarie Group | LinkedIn

Read writing from Christopher Deane on Medium. Creating Scale Design System. Design System Lead at Macquarie Bank. Loving Husband, Awesome Dad. 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+ screensPhone 14 Pro size with Auto LayoutComponents with Figma Properties
*Requires Scale Design System.

Thanks and have fun 🤘,

Chris

Copyright info: You can use anything in thi...

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 ScaleTwitter, Youtube, CBA, AirBnb, Uber Eats with more on the way
*Requires Scale Design System.

Thanks and have fun 🤘,

Chris


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

Figma Design System: 14.Sticky Button Component

Figma Design System: 13.Button Group Components

Figma Design System: 12.Button Components

Figma Design System: 11.Spinner Component

Figma Design System: 10.Variable Scoping

Figma Design System: 09 Iconography

Figma Design System: 08 Type Variables

Figma Design System: 07 Borders

Figma Design System: 06 Layout and Breakpoints

Figma Design System: 05 Spacing

Figma Design System: 04 Typography

Figma Design System: 03 Semantic Color Variables

Figma Design System: 02 Primitive Color Variables

Figma Design System: 01 Structure

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

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