Giter VIP home page Giter VIP logo

elevation-scale's Introduction

Hi there ๐Ÿ‘‹

me-working

I'm Lukas,

I work at GitHub ๐Ÿฑ๐Ÿ™ on the primer team. (Which is great because I love cats and octopi)

๐Ÿ”ญ I constantly refresh my portfolio try out new react stuff and work on my Figma plugins: design tokens & elevation scale

๐ŸŒฑ I am learning

  • how to use screen readers
  • productivly using an ANSI keyboard (I switched from a german layout)

๐Ÿค” Iโ€™m looking for help with my open source projects

๐Ÿ’ฌ Ask me about

  • design systems
  • design tokens
  • espresso based drinks

๐Ÿ“ซ Reach me on twitter: https://twitter.com/lukasoppermann

๐Ÿ“š Read my thoughts on medium.com/@lukasoppermann

๐Ÿงช Check out my work: https://lukasoppermann.com

๐Ÿ˜„ Pronouns: he/him

elevation-scale's People

Contributors

lukasoppermann avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

elevation-scale's Issues

Feature: Add Presets

A dropdown that allows the user to select a preset like material design elevation scale.

Copying scale creates unexpected behavior

  • style is connected
  • style name is not synced

Solution:

On copy...

  • detach styles from copied scale
  • set sync styles to false

This could potentially be achieved by adding the id of the frame to the container data and in selection checking if the id matches with the container. If not, detach styles, unset sync styles and update the id in the data.

Keyboard navigation

  • Allow user to switch fields with tab key
  • autofocus on loading the plugin
  • autofocus on selection change

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.