Dmitry Belyaev @blvdmitry
Building @getReshaped and https://t.co/FNYtO5EPxl ✨ Design systems and tooling at @bookingcom reshaped.so Amsterdam, Nederland Joined December 2017-
Tweets10K
-
Followers6K
-
Following170
-
Likes16K
If you’re attending @figma’s Config this year, you probably know by now that the agenda is live and rooms are filling up. What sessions are you excited to see? Here’s what’s on my agenda:
If you’re at Config this year and into design systems, join us at our talk ✌️ Looks like design systems is the most popular track so make sure to reserve a spot and we’re promising to bring a lot of real examples of how we improve our adoption 💪 config.figma.com/agenda
@donnavitan I'm going to share the whole structure in Reshaped soon. TLDR; I have a Theme collection that store all the values from all modes (Reshaped theme, Slate theme). Then I create a color mode collection with Light and Dark modes referencing correct variables from the theme. Then in…
This looks very close to what I was thinking to build at some point for myself. Knowing @valeriekraemer and @eikedrescher are already working on it gives me hope I will have some free time instead 😅 Super excited about the idea and you should check it out too
This looks very close to what I was thinking to build at some point for myself. Knowing @valeriekraemer and @eikedrescher are already working on it gives me hope I will have some free time instead 😅 Super excited about the idea and you should check it out too
If you are thinking about generating your design system color palette – here is a good overview from Matt. I've read it as an early draft some time ago and some of its ideas went into how I generate color palettes in Reshaped ✨
If you are thinking about generating your design system color palette – here is a good overview from Matt. I've read it as an early draft some time ago and some of its ideas went into how I generate color palettes in Reshaped ✨
I wanted to write a thread about Figma variables but I've changed my credit card and X cancelled my subscription immediately after the first failed payment and now I have to wait for a few days till it's back even though I've already paid for it. Year is 2024 😅
Spent 4 hours to make a colored rectangle, proud of myself 😂 Thinking of making a thread sharing our new approach to theming with variables, supporting 4 themes instead of 2 originally planned and including typography. Anyone interested?
Figma split view turns out to be quite useful when you have to work with multiple variables collections at the same time. Much better than switching between collections or even file tabs
Probably the most useful feature in Figma I'm waiting to happen is better migrations for design systems. Showing which properties will reset in the component instances based on the changes or even providing a way to map old ones to new ones would be sooo helpful
Design systems are not just component libraries
Cool, I have predicted the future
Typography variables speed-run is complete 😅 Probably the most confusing part right now for the design systems setup is that you would want typography to switch consistently with the theme colors if you're handling not just light and dark mode for a single theme, so you can see…
So how do you plan to group your typography variables? 👀
Everyone: posting about the new Figma features Me: Trying to figure out how to get the app updated 👀
rauno @raunofreiberg
55K Followers 336 FollowingAdam Wathan @adamwathan
211K Followers 741 Following Creator of @tailwindcss. Listener of Slayer. Austin 3:16.luis. @disco_lu
53K Followers 699 Following Working @figma. I write a newsletter, host Design & Whine podcast, do things with @8pxmag. Twitter is where I share ideas about ❖. I eat 🌶️ with everythingˏˋrogieˎˊ @rogie
95K Followers 710 Following Digital builder and chaos animal. Advocacy at @figma. Loves horror movies, electronic music, ass-numbing hot sauce, art shit and code stuff.David K 🎹 @DavidKPiano
66K Followers 3K Following Making state machines at @statelyai · prev. @Microsoft · I play pianoSil Bormüller 🎨�.. @svorklab
6K Followers 969 Following Founder @intodsconf • 📐 Next #DesignSystems conference 👉🏻 🗓️ May 15-17 2024 🏳️🌈🏳️⚧️ they/themVitaly Friedman 🇺�.. @vitalyf
13K Followers 408 Following UX Designer/Consultant • Founder, editor-in-chief, creative lead @SmashingMag • Speaker • Loves good design patterns and doesn’t give up easily. 🍣Dan Mall @danmall
44K Followers 5K Following Showing you how to use design to live a better life. Intentionally unique. Ran @superfriendlyco for a decade. Now creating @designsystemu and @greatjobkids.Haz @diegohaz
11K Followers 371 Following • Author of https://t.co/O6wPfBCEDG • Previously maintainer @WordPress • JavaScript, React, web accessibility • Autistic, dad, he/himSeb ⚛️ ThisWeekIn.. @sebastienlorber
42K Followers 5K Following 🔥 Join 37k devs - Stay up-to-date with React: • 📨 https://t.co/DvLGHeLY5G • @ThisWeekInReact • @docusaurus maintainerAnurag Hazra ⚛ @anuraghazru
11K Followers 2K Following ❤️ TypeScript Wizard 🎨 Design Systems | Human Senior FrontEnd Engineer at @Razorpaynanda @nandafyi
11K Followers 328 Following i write about computers and stuff @ https://t.co/z75WgBGhPdAdham Dannaway @AdhamDannaway
54K Followers 2K Following 📘 Author of @PracticalUI ⚡️ UX & UI design tips, inspiration, & news 🤟 Pushing pixels since 2005 ⚙️ Specialised in UI design & design systemsjenna @jjenzz
8K Followers 637 Following 👩🏻💻 codes 🤘 gigs 😴 sleeps ♻️ repeats. creating https://t.co/hmKtM2Ajsw, previously @radix_ui primitivesDmitriy Bunin @buninux
18K Followers 701 Following ASMR design vids Future-Forward UI Kit for Figma → https://t.co/U0WBgHGCkf ✉: [email protected]Miggi from Figgi @miggi
31K Followers 3K Following aka the notorious PNG aka professor figma designer advocate, @figma for education https://t.co/N4qtCMeQVq say hi @ https://t.co/KR4FOLKSKbMr. Biscuit @SShuaiqi
6K Followers 735 Following 🥕 Vegan, Product designer (UI/UX) coder & Consultant Design System Architect @reliancejio 🌱 Carbon Neutral.siddharth ☻ @siddharthkp
20K Followers 801 Following staff design systems engineer @github + sometimes @uidevtoolsJordan Hughes @jordanphughes
32K Followers 1K Following ✦ Daily experiments in UI design ✦ https://t.co/oo0WByQCFJ ✦ https://t.co/iwADBjsKSK ✦ https://t.co/mZJFxh6MpF (sold) ✦ https://t.co/jHi9wloLdbUXPin @uxpin
41K Followers 8K Following Collaborative design and prototyping tool used by the world's top organizations. Start your free trial today: https://t.co/de1V1BgPFdMike e/acc @acc_mike90624
222 Followers 2K Following Indie Hacker building a SaaS based product. I offer support on software engineering and Twitter engagement strategy #AI #IndieHacker #TechTrends 🚀ryanoldfather @ryanoldfather
518 Followers 4K Following Director, Digital Marketing Operations at Simon, living in Indianapolis with an awesome wife, two great kids and a beagle that can eat twice his own weight.Larbi Boukert @larbiboukert
149 Followers 3K FollowingAI Daily Guy @Jakeharr
1K Followers 4K Following Founder of AffordHunt, the platform connecting indie hackers & SMBs with quality, budget-friendly alternatives. 💯 Follow Back #indiehacker #buildinpublicPatrick Sturmer @patsturmer
15 Followers 2K FollowingEduardo Guette @eduardoguette
401 Followers 568 Following Mientras tenga 1% de oportunidad tendré 99% de fe. Ingeniero civil | Frontend DeveloperJay Zhou @JayZhou103847
60 Followers 964 FollowingSmith @anonymous467566
541 Followers 6K FollowingTaldive Graphics @taldivegraphics
24 Followers 133 Following Taldive offers access to a vast library for templates, #artwork, fonts, #graphics, brushes, stock photos & more at Lowest price. #graphics #design #art #fontsꓘillian @Walven
483 Followers 477 Following Le jour où Internet devient une religion, j'enfile ma plus belle robe et je deviens prêtre ・UX/UI Designer @ IBM (he/him)Donna Vitan @donnavitan
2K Followers 2K Following Design Technologist, Design Systems (over)Thinker, Accessibility Advocate, Nerd, @TELUSDigital @DesignSystemsC @DSCC_Tor @DesignTokens She/Her 💖 Bubble tea 🧋Katie DePue @kddepue
45 Followers 844 FollowingNotEvenTrying @rizkidotme
252 Followers 5K Following The difference between planning and predicting yourself is planning just the first-person POV version of the latter. #beyondarbitraryDenis Sereda @pururin
7 Followers 41 FollowingMarco @laywir
2K Followers 2K Following lawyer & former music producer. wanted in belarus. chilean giant. founded @vintercoArif Ahmad @arif_ahmad_py
324 Followers 7K Following All things AI, Computer Science and Circuits! Prev. @GoogleAIThe Product of it @saliozzia
1K Followers 2K Following Founder and CEO of https://t.co/jvPmBUTD44. Raised in a restaurant by wolves. Ex Booking dot com Product Manager. Product management aficionado. Optimist. Prediction evanvalera belaziorau @belozyorov
330 Followers 338 Following ● designing digital stuff → https://t.co/7d4IKnBB8j ● shooting with fuji x100v → https://t.co/jpAwLf0EhhTali @talithecreative
131 Followers 445 Following She/Her | Afro-Latina | Accessibility and Inclusive Design advocate | Designing things at @guardian 👩🏽💻oLva @oLvaDEV
66 Followers 1K FollowingShaun Ralston @shaunralston
2K Followers 2K Following @OpenAI @SutterHealth @Webvan | BusDev – e/acc. Sonoma County Aficionado. Cyclist. Sticky Bun Seeker. AI Blogger. Technologist. Music Lover. Libertarian.Chase McCoy @chase_mccoy
941 Followers 596 Following Internet explorer • Leading design systems @Stripe • https://t.co/Azcn4lJrUe • @[email protected]Aditya Anugrah @aditjuniior
149 Followers 246 Following Walaupun sahabatmu sedikit gila, tapi dialah orang yang bisa membuatmu tertawa :)Soham Jadhav @sohamvjadhav
19 Followers 118 Following Studying science but am an Interdisciplinary Explorer. Art 🎭 Design ❇️ Technology 🖥️ Science ⚛️ Finance 🪙 Libra ♎ Therefore so balanced ⚖️Dineshwar @dineshwarrajen
249 Followers 5K Followingyu_matsumura @yu_mattzn_eng
6 Followers 141 Following Product Engineer, Nextjs, ReactNative, Typescript Hobby: LoL, VALORANTbeynar @_beynar
82 Followers 498 Following〽️ukesh ✶ @FunsayMukesh
218 Followers 2K FollowingAmblec @cimprovements1
63 Followers 2K FollowingDee, the Product Desi.. @iamDeeSigner_
551 Followers 1K Following Digital Product Designer - I design software, mobile apps, websites and webapp. Email - [email protected] Portfolio - https://t.co/VYLOH5OXmfVictor Zanivan @Zanivan_
44 Followers 243 Following 🧑💻 Product designer at @MUI_hq | Currently working on core team, helping with Joy UI, Base UI and Material UIAbhishek𝕏 @ElevateDesigner
179 Followers 2K Following Digital Designer and Creative Director, specializing in UI/UX/CX design, brand identity, visual storytelling, and motion graphics to enhance user experiences.Kehinde @ekodewole
3 Followers 54 FollowingJocelyn @jocelyntypes
495 Followers 381 Following community @supernova_io | obsessed with my corgi, boba, and indoor plants | she/her 🇹🇼Jordan Rolph @JordanARolph
166 Followers 1K Following 🌮 I'm a Designer & Software Engineer at @9finHQ 🚲 I had to learn how to ride a bike twiceMatt Pocock @mattpocockuk
143K Followers 581 Following Full-time TypeScript educator. Ex-@vercel, @statelyai. Used to be a voice coach. He/him. Author of Total TypeScript 🧙 Hire me to teach your team TypeScript!James 🤌🏻 @jamesm
75K Followers 1K Following Design @clerkdev. I run a tiny design studio @wireframe. Download icons @theiconicapp. Prev: @tailwindlabsrauno @raunofreiberg
55K Followers 336 FollowingJosh W. Comeau @JoshWComeau
127K Followers 2K Following Indie hacker and educator. Blogging at https://t.co/kbdJDUdLg5. Previously @gatsbyjs, @digitalocean, @concordia_btcmp, @khanacademy. He/Him 🌈Adam Wathan @adamwathan
211K Followers 741 Following Creator of @tailwindcss. Listener of Slayer. Austin 3:16.luis. @disco_lu
53K Followers 699 Following Working @figma. I write a newsletter, host Design & Whine podcast, do things with @8pxmag. Twitter is where I share ideas about ❖. I eat 🌶️ with everythingShu @shuding_
36K Followers 2K Following @vercel. @nextjs, @v0, Satori, SWR. Don’t talk unless you can improve the silence.ˏˋrogieˎˊ @rogie
95K Followers 710 Following Digital builder and chaos animal. Advocacy at @figma. Loves horror movies, electronic music, ass-numbing hot sauce, art shit and code stuff.Pedro Duarte @peduarte
23K Followers 735 Following Hype @raycastapp • Co-creator @radix_ui, @stitchesjs • Prev @rainbowdotmejhey ▲🐻🎈 @jh3yy
100K Followers 149 Following ⚡️ Showing you how to bring ideas to life with code 💼 Senior DX Engineer at @vercel 🫡 Prev: @google 🐻 https://t.co/rRqcWhrAgW 📺 https://t.co/7FlZg84Rr8 ❤ @seaottaAdam Pietrasiak @pie6k
23K Followers 322 Following Building screen recorder https://t.co/6ceZFejl4s. I design and write code. Please don't DM with support requests - use [email protected] for faster replySam Selikoff @samselikoff
27K Followers 572 Following Making quality videos on frontend development. @_buildui · @frontendfirstfm · @velocity_fmDevon Govett @devongovett
34K Followers 1K Following Creator of @parceljs. Engineer @adobe working on React Aria and React Spectrum.Sil Bormüller 🎨�.. @svorklab
6K Followers 969 Following Founder @intodsconf • 📐 Next #DesignSystems conference 👉🏻 🗓️ May 15-17 2024 🏳️🌈🏳️⚧️ they/themshadcn @shadcn
88K Followers 190 Following building → @v0 - https://t.co/HJcOr0AmKT - https://t.co/5Zh4De1fomKarri Saarinen @karrisaarinen
51K Followers 1K Following ceo of @linear | previously: design at @airbnb, @coinbase. yc alumn (s12)Vitaly Friedman 🇺�.. @vitalyf
13K Followers 408 Following UX Designer/Consultant • Founder, editor-in-chief, creative lead @SmashingMag • Speaker • Loves good design patterns and doesn’t give up easily. 🍣Mihika Kapoor @mihikapoor
5K Followers 927 Following product-design-eng hybrid • product @figma • angel investorJocelyn @jocelyntypes
495 Followers 381 Following community @supernova_io | obsessed with my corgi, boba, and indoor plants | she/her 🇹🇼Mariana Castilho @mrncst
12K Followers 640 Following Senior product designer @vercel — prev @onuniverse @uberMaggie Appleton @Mappletons
37K Followers 1K Following Design @elicitorg. Makes visual essays about UX, programming, and anthropology. Adores digital gardening 🌱, end-user development, and embodied cognitionSebastiano Guerriero @guerriero_se
8K Followers 426 Following Building @nucleoapp → 24000 icons + app to manage all your icons.Micah Fenner @micahfenner
735 Followers 1K Following Too designy for product, too producty for design. Team storytelling @rallyspaceNatko Hasic @natkohasic
4K Followers 190 Following → Senior UI/UX Designer → Creating interfaces, systems and animations ❋ @wirekit ❋ @dashkitHQ ❋ @handoffHQGlenn Hitchcock @glennui
5K Followers 362 Following Director of Design Engineering ▲ @vercel. Shaping brand, product, and process.Logan Liffick @logan_liffick
2K Followers 107 Following Design Engineer @outerbase prev @makelogio, @digitaloceanColm Tuite @colmtuite
6K Followers 680 Following Co-founder @Modulz (acq'd). Founder @plexiapp (acq'd).Hermae @hermaeai
270 Followers 206 Following AI assistants for your design system. Onboard and build with SPEED ⚡ Try the free demo: https://t.co/6h9cRldMNfThis Week In React @ThisWeekInReact
2K Followers 470 Following • ⚛️ Stay up-to-date with React • 📡 High signal, no drama • 🔥 Join 34k React devs - 1 email/week • 📨 https://t.co/ymeDmOmnYt • By @sebastienlorberStefan @_animify
3K Followers 226 Following Design Engineer @tryamie • Previously @framer @overflowapp • Building @meetcampfireAna @_AnaBoyer
6K Followers 674 Following Designer Advocate @figma. Sewing, dancing, and over-caffeinating ☕️ Love chatting about all things design systems She/her/hersHenry Daggett @henry_daggett
920 Followers 486 Following Design Systems Lead & Product Designer @SocieteGenerale. Building tools to help Designers and Developers create together. Complete and utter escapist 🌌Mike Carbone @MikeCarbone
649 Followers 591 Following building the future of intelligent design systems https://t.co/dgkv3MuNaw @HermaeAIAnthony DiSpezio @adispezio
6K Followers 691 Following Advocacy @figma (he/him). I do all my own stunts.victoriame @vmelnikova_en
696 Followers 488 Following new business @EvilMartians, Dev Propulsion Labs podcast, proud smithie at thatPixsellz @pixsellz
4K Followers 90 Following High-quality Figma and Framer resources for UI/UX designers 👇JSXUI @jsxui
662 Followers 1 Following Develop, iterate, and ship to production faster. Currently in progress, follow this account for updates.Kevin Cannon @multikev
4K Followers 3K Following Design leader exploring creative tools and AI. Open for interesting chats and new opportunities. (prev @pitch @frogdesign @CIIDnews)OpenAI @OpenAI
3.5M Followers 0 Following OpenAI’s mission is to ensure that artificial general intelligence benefits all of humanity. We’re hiring: https://t.co/dJGr6LgzPAJulian Lehr @julianlehr
17K Followers 595 Following Sentence designer. Currently @linear. Previously @stripe.Szymon Pajka @szympajka
98 Followers 645 Following Design System & Senior Web Developer at @motorway. Building Internet for nearly 20 years.Stefano Magni @NoriSte
1K Followers 101 Following Passionate, positive-minded, Sr Front-end Engineer @preplycom (Design System) / ex @HasuraHQ (platform), WorkWave (team leader) / Speaker / Instructor / WriterRas✦Maus @RasmusNielsen
8K Followers 1K Following UI Designer ✦ Digital Fashion ✦ Freelancer ✦ @mineralapp ✦ @copenmade ✦ @tidalRachel Nabors (they/t.. @rachelnabors
36K Followers 5K Following Fractional dev rel. Prev @reactjs @awsamplify @clerkdev GDE W3CRoman Shamin @romanshamin_en
2K Followers 1K Following Head of design @evilmartians • CLI UX Design: https://t.co/2jVq2KGbv4 • #MartianMono typeface: https://t.co/qHeuav8fdvBrian Lovin @brian_lovin
57K Followers 2K Following 🏕️ Co-founder @trycampsite 🐙 Prev. @github 🎙 Podcasting @designdetailsfm 📦 Made @staffdotdesign @withspectrum @specfmBryan Berger @bryanberger
1K Followers 615 Following design @discord | building https://t.co/AKxiiq5Nk5 | mentor @adobeFireship @fireship_dev
158K Followers 892 Following Build and ship your app faster with @JeffDelaney23 🔥📽️ https://t.co/oF4GTcT7UCWes Bos @wesbos
377K Followers 2K Following Fullstack JS Dev ❯ https://t.co/6heZ7gZqg1 ❯ https://t.co/lOo3xh23G1 ❯ https://t.co/XYbxq79WBS ❯ Posts 🔥 Tips ❯ Co-hosts @SyntaxFMBruno Simon @bruno_simon
61K Followers 611 Following Creative developer • Freelancer • Teacher • WebGL lover Learn how to create stunning 3D websites 👉 https://t.co/vAW4e3Er2QJacob @fat
36K Followers 445 Following building https://t.co/mlN2aWQ3mq - a new engineering platform for product teams.rands @rands
41K Followers 1K Following Writer of leadership things. Keynote enthusiast. I don’t tweet about my current gig. Also: @[email protected]Zander Whitehurst @zander_supafast
99K Followers 26 Following Founder @memorisely • https://t.co/xSoNEdvmxz | Educator Advisory Board @figma | Making UX/UI education accessible ⚡️Leonid Pyrlia 🇺�.. @leo4815162342
79 Followers 483 Following Changing colors of CTA buttons @bookingcom ····· https://t.co/u71BPdnwlS ····· https://t.co/Ma7W9jL2EL☄︎ @0xca0a
46K Followers 930 FollowingAlex Page @alexpage_
1K Followers 546 Following Connecting people to pixels • Design system'n @Shopify • https://t.co/e7vy4w5pX5 • Prev AusGov Design System 🌌🐨Why do design system teams always work so frantically, like they’re running out of time? Because they are. In tomorrow’s newsletter, we’ll tell our 7,855 subscribers about the invisible race every design system team runs, whether they want to or not.
I'm getting a hair cut tomorrow which means I need to finish recording this workshop today or risk people getting distracted by my sudden hair shortening 😆
Man I thought I heard all the const jokes 😅 dead
Not only have I switched from `const` to `let`, I no longer have `constants.ts` (which already has wasted characters), I now use `le.ts`. Thanks a lot @ryanflorence.
All went well and now it’s recovery time. Thanks, friends. ❤️
Send me your prompts!
@blvdmitry Yeah for sure, I guess in my perspective the scale simply describes the text. There is no opinion to "this is the smallest text, this is the second smallest, etc." but "body" or "title" are opinionated, they try to tell you how that text should be used which causes issues
Thanks to SEEK Asia for inviting me over to speak at Kuala Lumpur JS this week. Was a lot of fun sharing our journey to extend @capsizecss and mitigate the layout shift impacts associated with loading a web font. It was a great turn out and super engaged crowd.
I've shared this before but even though I agree with @thorstenball that these are the basics, I feel like they're simultaneously so uncommon that this post could be called "How to be a 10x engineer". registerspill.thorstenball.com/p/the-basics
@blvdmitry @sekeidesign Still flawed, but fluid, semantic, accessible type should be the default. Type is either a heading, paragraph or list. The size and line-height should be controlled by container width. When this is true, body, body-sm and body-lg can suffice as a % of body. Fluid type.
@blvdmitry Ideally, organize type for measure, or dynamic viewport width. The single biggest controlling factor for type is available width. Accessible, legible font-size and line-height is proportionate to width.
Sometimes design is just about trying to figure out why your sliders started flashing on press 😞
@blvdmitry Yeah, if possible! Almost like the same size of the original progress just with three mini ones inside.
@danmall @figma @kevin @ellmcgirt @jarden @lindadong @themikestern @saronyitbarek @jh3yy @NateBaldwinArt @gonzovas @sherylbagga @blvdmitry @olena_musatova @camworboys @nerdneha @broccolini So many great sessions Dan, it's hard to pick. Human centered design and research, Figma deep dives, building product teams, improve design systems...so many more. Glad to see you involved with Config, can't wait to watch
If you’re attending @figma’s Config this year, you probably know by now that the agenda is live and rooms are filling up. What sessions are you excited to see? Here’s what’s on my agenda:
@figma @kevin @ellmcgirt @jarden @lindadong @themikestern @saronyitbarek @jh3yy @NateBaldwinArt @gonzovas @sherylbagga Design Systems at Scale with @blvdmitry, @olena_musatova, June Lee, Dale Sande, and Phillip Maggs
Just tried Chakra UI for the first time, after only using Tailwind for the past couple of years. I like it, but it feels far slower to build a UI with... or is that just me? 🤔