lukasoppermann
Design at @github @primer. Loves coffee, 🐈 and technology. Crazy about design systems & design tokens.
@githubBerlin, Germany
Pinned Repositories
browser-preview
🔍 Open a preview of your Sketch artboard in your browser.
design-token-transformer
Base repo to transform json design tokens from the figma design token plugin via amazon style dictionary.
design-tokens
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
elevation-scale
Figma plugin to create elevation systems based on functions.
html5sortable
VanillaJS sortable lists and grids using native HTML5 drag and drop API.
http-status
A minimal package for working with HTTP statuses.
lukasoppermann
Portfolio website based on next.js
mac-setup
The perfect bash setup with installation. You can easily add your own files.
mark
A markdown HTML5 wysiwyg editor.
style-dictionary-utils
A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens
lukasoppermann's Repositories
lukasoppermann/html5sortable
VanillaJS sortable lists and grids using native HTML5 drag and drop API.
lukasoppermann/design-tokens
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
lukasoppermann/style-dictionary-utils
A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens
lukasoppermann/design-token-transformer
Base repo to transform json design tokens from the figma design token plugin via amazon style dictionary.
lukasoppermann/http-status
A minimal package for working with HTTP statuses.
lukasoppermann/browser-preview
🔍 Open a preview of your Sketch artboard in your browser.
lukasoppermann/elevation-scale
Figma plugin to create elevation systems based on functions.
lukasoppermann/davinci-resolve
Collection of effects, templates and some documentation for expressions.
lukasoppermann/lukasoppermann
Portfolio website based on next.js
lukasoppermann/mac-setup
The perfect bash setup with installation. You can easily add your own files.
lukasoppermann/node-file-rev
Simple node cli tool to revision files and write them to a manifest.json
lukasoppermann/figmaWebhook
lukasoppermann/react-figma-plugin-ds
React components of Figma design system
lukasoppermann/shipit
Universal automation and deployment tool ⛵️
lukasoppermann/style-dictionary
A build system for creating cross-platform styles.
lukasoppermann/bosb
lukasoppermann/codespaces-config
lukasoppermann/community-group
This is the official DTCG repository for the design tokens specification.
lukasoppermann/dtws
Design token workshop
lukasoppermann/figma-tokens-docs
lukasoppermann/generate-scale
Generates color scales that can be exported to js or figma
lukasoppermann/isbb
ISBB website
lukasoppermann/jest-image-snapshot
✨ Jest matcher for image comparisons. Most commonly used for visual regression testing.
lukasoppermann/okScales
lukasoppermann/raycast-extensions
Everything you need to extend Raycast.
lukasoppermann/reusable-workflows
lukasoppermann/Style-Finder
A small plugin to find and select styles.
lukasoppermann/tinycolor
🎨 Color manipulation and conversion
lukasoppermann/token-test
lukasoppermann/workflow-test