Cole Bemis @colebemis Twitter profile

Pinned Tweet

Cole Bemis

3 months

To celebrate the technical preview of Copilot Workspace, I'd like to share a behind-the-scenes look at its design evolution 🌱

7

19

119

Last Seen Profiles

@Mehrankiani555

@amandacarpenter

@GuillaumeBottaz

@RAMAKAN676

@TaoraNan

@DrulkTV

@celestialcinder

@DicklessKook

@DiliScan

@szhao861

@stwmaniax

@bokeplokalmalam

@TR1PLE_H

@edipoarthurm

@shitneyslade

@BinorRaja

@bokeplokalmalam

@kruddt

@YoMammasBacon

@SaoriHasegawa_

@bokeplokalmalam

@koleksi_stw69

@CornwallCouncil

@The_FOH

@sp327_

@BuskirkUsmc

@thatinhahbeh

@kaya_0s

@PFU_HHKB

@pobozy

@sonshi_nupe

@ReneMartin34379

@YoungMorgy

@dalks10

@Crypto_Ciara

@merunmorino_sub

Cole Bemis

@colebemis

2 years

FigJam is super handy for drafting component APIs 😍

38

274

3K

Cole Bemis

@colebemis

4 years

First day as a full-time Software Engineer at @github ! 🥳

81

53

3K

Cole Bemis

@colebemis

6 years

9

268

1K

Cole Bemis

@colebemis

2 years

Accessible keyboard navigation is so satisfying to implement 🥰

16

44

791

Cole Bemis

@colebemis

4 years

✨ I made a simple macOS app to help me be more intentional and focused when using my computer. Would anyone else find this useful? Should I publish it?

60

34

732

Cole Bemis

@colebemis

1 year

Gradient or no gradient?

173

8

711

Cole Bemis

@colebemis

2 years

One of my friends made me a custom hat for my birthday… 😂

36

29

689

Cole Bemis

@colebemis

3 years

TIL about the `inset` CSS property 🤯

14

94

665

Cole Bemis

@colebemis

4 years

Anyone notice anything different about @github today? 😉

56

14

483

Cole Bemis

@colebemis

1 year

I've been pleasantly surprised by the DX and UX of PWAs on iOS. It's taken a lot of tweaking, but my notes web app is starting to feel pretty good on iOS. 🔑 The key is to set `display: "standalone"` in the web manifest:

15

26

450

Cole Bemis

@colebemis

5 years

You can now customize the size, stroke width, and color of Feather icons directly from 🚀🎛️

9

57

403

Cole Bemis

@colebemis

3 years

Been experimenting with ways to visualize a "design graph." This feels like a compelling way to explore connections between design tokens:

18

30

346

Cole Bemis

@colebemis

3 years

I got a very rough prototype of visual programming working with FigJam widgets! 🤯 Excited to experiment with this more. Heavily inspired by @_paulshen 's ❤️

8

33

325

Cole Bemis

@colebemis

2 years

Got promoted to Senior Software Engineer at @github today! Feeling especially grateful to everyone who's helped me reach this milestone in my career: @randie (my mom), @bwaldron , @kwiens , @TGines , @entendu , @ty___ler , @samng96 , @broccolini , @emplums , @lesliecdubs , and more ❤️

28

7

283

Cole Bemis

@colebemis

5 years

Just accepted my offer to join the @github Design Systems team full time next fall as a Design Systems Engineer! 🎉 I'm really excited to continue working with this amazing team 💖

Diana is broccolini

@broccolini

5 years

To complete the circle, after an awesome internship, I'm very happy to share that @colebemis will be joining the @github Design Systems team full time, fall 2020 💓

7

0

96

8

1

248

Cole Bemis

@colebemis

4 years

🚢 Shipped an update to the star button this morning 🌟

11

2

229

Cole Bemis

@colebemis

3 years

My live code block FigJam widget is now available to the community! 🚀 Try it out:

Cole Bemis

@colebemis

3 years

I got a very rough prototype of visual programming working with FigJam widgets! 🤯 Excited to experiment with this more. Heavily inspired by @_paulshen 's ❤️

8

33

325

12

26

229

Cole Bemis

@colebemis

5 years

My favorite part of @figmadesign 's UI refresh... 👀

2

17

227

Cole Bemis

@colebemis

5 years

Finally found some time to experiment with the Figma Plugins API over the long weekend 🧩 Made a plugin:

4

20

198

Cole Bemis

@colebemis

2 years

It was a joy working with @figma to build the new GitHub widget! Hope y'all enjoy it 💖

GitHub

@github

2 years

Go from brainstorming and planning to building with fewer steps in between with the new GitHub widget for FigJam!

3

35

176

8

15

186

Cole Bemis

@colebemis

7 years

Just updated 🚀🎉 Biggest changes were behind the scenes. The new site is powered by React, Gatsby, styled-components and Rebass by @jxnblk .

7

15

165

Cole Bemis

@colebemis

4 years

I built a Figma plugin that allows you to copy hosted image URLs for any frame inside Figma 🔗✨ Try it out:

5

21

150

Cole Bemis

@colebemis

1 year

Personal news: I’m joining the @GitHubNext team 🌟 While it’s bittersweet to leave Primer, I’m excited to start daydreaming about the future of software development with the talented folks at Next. Here’s the note I shared internally earlier this week:

19

1

142

Cole Bemis

@colebemis

4 years

Today’s my first full day in SF 🌁 Excited to start full-time at @github in a couple weeks! But first, I’ve got lots of unpacking to do 😅

6

0

138

Cole Bemis

@colebemis

5 years

Experimented with a fun little copy to clipboard animation today ✨📋

3

4

123

Cole Bemis

@colebemis

5 years

✨ now has a Dark Mode! 🌚

2

8

121

Cole Bemis

@colebemis

5 years

Whoa, look who's using Feather now 👀😍 @zeithq

4

110

Cole Bemis

@colebemis

1 year

Experimenting with a subtle dark gradient 🖤✨

Cole Bemis

@colebemis

1 year

Gradient or no gradient?

173

8

711

10

0

105

Cole Bemis

@colebemis

5 years

We designed all-new Octicons to support the launch of GitHub for mobile! 😊✨ It's been amazing working with @_aguillaume , @brian_lovin , @sophshepherd , @broccolini , and the incredibly talented mobile team on this project. 👉 Go sign up for the beta:

GitHub

@github

5 years

Introducing GitHub for mobile. Review lines of code, chime in on a design discussion, merge changes, and more. GitHub for mobile gives you the flexibility to keep work moving and stay in touch with your team from wherever you are. #GitHubUniverse

166

2K

7K

4

8

105

Cole Bemis

@colebemis

2 years

@figma It gets even better when you throw in sticky notes, stickers, and markers:

2

3

98

Cole Bemis

@colebemis

4 years

3

1

97

Cole Bemis

@colebemis

5 years

Feather is listed as a featured plugin on Figma right now! 🎉✨

6

0

90

Cole Bemis

@colebemis

2 years

Using @radix_ui feels like cheating. It's so good 🔥

3

88

Cole Bemis

@colebemis

1 year

Fun easter egg that I just added to Lumen 🐣 If you add an `isbn` to the frontmatter of a note, Lumen will automatically display the book cover 📚

3

4

87

Cole Bemis

@colebemis

5 years

It's official 🎉 My first few days at @github have been awesome! The future is so bright ✨ Can't wait for y'all to see what we're working on

7

1

80

Cole Bemis

@colebemis

5 years

Primer Components v13.2.0 just shipped with 3 new components ✨ and tons of enhancements 💅 Huge shoutout to @mxstbr and Emily Plummer for their hard work on this release!

Release v13.2.0 · primer/react

Release 13.2.0 ✨ New Components Adds Grid component and GRID system prop category #485 Adds ButtonGroup component #495 Adds Dialog component #480 💅 Enhancements Exports themeGet function tha...

github.com

2

9

78

Cole Bemis

@colebemis

3 years

Implemented a tricky state persistence pattern for a canvas app I've been tinkering with. Thought I'd share the interesting bits. Problem: I want to persist the state of the canvas in both the URL query string and localStorage 🧵

2

6

73

Cole Bemis

@colebemis

3 months

Big day tomorrow. Can't wait for y'all to see what we've been working on 🚀🔜

5

9

73

Cole Bemis

@colebemis

2 years

I learned a bit about service workers this weekend and got my notes app working offline! The dream of local-first software is alive and well ✨

5

1

72

Cole Bemis

@colebemis

6 years

I’m super excited to announce that I’ll be interning on the incredibly talented Design Systems team at @github this summer! 🎉 @githubdesign @githubprimer

5

0

70

Cole Bemis

@colebemis

4 years

I've been fighting the urge to start building an over-engineered personal blog ever since @brian_lovin convinced me to start writing more. So I'm forcing myself to start with @gatsbyjs 's default blog theme until I build more momentum. Wish me luck! 😅

5

0

55

Cole Bemis

@colebemis

5 years

Inspired by @4lpine 's work on @blocks_ui , I built an interactive layers panel for JSX using custom Babel plugins 🔥

4

57

Cole Bemis

@colebemis

5 years

The Feather Figma plugin is now available! 🚀🎉 Check it out:

Cole Bemis

@colebemis

5 years

Finally found some time to experiment with the Figma Plugins API over the long weekend 🧩 Made a plugin:

4

20

198

1

2

56

Cole Bemis

@colebemis

4 years

Playroom makes it so easy for us to experiment with our design system in the browser. Thank you @markdalgleish and the @seekjobs team for building such an amazing tool! 💖 Here's the link to the Primer Components playroom:

Mark Dalgleish

@markdalgleish

4 years

Found out at @ReactConfAU that GitHub are using Playroom for their design system. The PR where they added it does a really great job of explaining their motivation:

6

11

137

1

5

56

Cole Bemis

@colebemis

4 years

I just got access to the @framer web beta. Really liking it so far. It's excited to see more design tools embracing the web. One of my favorite parts: Feather icons are built in ❤️

3

1

53

Cole Bemis

@colebemis

5 years

VS Code now allows you to run npm scripts from the sidebar! 🤯

0

5

54

Cole Bemis

@colebemis

5 years

Just added a @framer icon to 🚀

1

52

Cole Bemis

@colebemis

2 years

@DustinHewett @figma

Table | Figma

Editing cells Click any cell to edit its contents.Press ctrl/cmd + enter to create a new line.Press tab to edit the cell in the next column.Press enter or escape to accept changes. See keyboard...

www.figma.com

1

51

Cole Bemis

@colebemis

5 years

Threw together a prototype for a @figmadesign plugin that changes the fill or stroke of the selected node to the closest @githubprimer color 🎨✨ It's still rough around the edges but I'm excited about the potential here.

2

0

50

Cole Bemis

@colebemis

5 years

Wow. @HasuraHQ is seriously impressive. I just set up an entire backend (database, GraphQL API, authentication, authorization) in less than an hour without ever touching a terminal! 🤯 Their free tutorials are a great place to get started:

2

9

51

Cole Bemis

@colebemis

2 years

Feeling grateful that I got to meet and spend time with many of my @githubdesign coworkers last week in Nashville 💖

5

0

49

Cole Bemis

@colebemis

2 years

Shoutout to @Wattenberger for helping me implement a graph view in my notes app ✨

4

0

49

Cole Bemis

@colebemis

5 years

In case you missed it, Feather's edit icons got a facelift in v4.16.0 ✨

1

48

Cole Bemis

@colebemis

2 years

FigJam is such an amazing medium for thinking. I love it ❤️

3

49

Cole Bemis

@colebemis

7 years

Feather v2 is here ... and FREE! The set now features over 200 icons organized into 8 categories. Enjoy ✨

3

20

46

Cole Bemis

@colebemis

6 years

Working on some icons for an upcoming project. Can you guess what they represent?

6

1

47

Cole Bemis

@colebemis

3 months

I'm so excited for y'all to try Copilot Workspace and let us know what you think! We're listening to all your feedback and will continue to iterate

GitHub

@github

3 months

💫 Copilot Workspace is our next step towards AI-native tools for developers. Go from task to code using the power of natural language. Read more about our vision for the future of developer tools that help you get things done, every step of the way 👇

21

166

634

2

5

46

Cole Bemis

@colebemis

2 years

@JoshWComeau The icons look great! I'm happy the community has found a way to move the project forward without me. This is why I love open source ❤️

1

0

45

Cole Bemis

@colebemis

1 year

I finally put together a landing page for @lumen_notes 🚀 In keeping with Lumen's ethos, the landing page is just a markdown file stored in a GitHub repository deployed with GitHub Pages

6

2

45

Cole Bemis

@colebemis

6 years

Feather is a finalist for @ProductHunt 's Golden Kitty Awards this year!! 🎉🎉 Help Feather win "Side Project of the Year" by upvoting ⬆️ (Please RT)

1

7

42

Cole Bemis

@colebemis

1 year

Implemented a query language for Lumen last night 🔍📝 Now, not only can you use GitHub-style qualifiers in any search input, you can also embed search queries inside notes—similar to Obsidian Dataview

2

1

42

Cole Bemis

@colebemis

5 years

@NatalieMarleny is so good for this 😍

2

43

Cole Bemis

@colebemis

5 years

Which is better? With the icon or without the icon?

33

0

42

Cole Bemis

@colebemis

2 years

🤯🤯🤯 I figured out how to extend markdown syntax with @XState state machines and micromark! (yes, I'm very far down a markdown parsing rabbit hole 🙈)

2

1

43

Cole Bemis

@colebemis

5 years

Whoa. This is a cool new feature 😍

1

3

42

Cole Bemis

@colebemis

5 years

Throwback to the time @jonrohan joined our @zoom_us call from space 👨‍🚀👽

1

4

40

Cole Bemis

@colebemis

3 years

What is the most compelling reason for a frontend engineer to learn @rustlang ?

26

3

39

Cole Bemis

@colebemis

6 years

🏆 2019 Goals 🏆 📚 Read at least one book a quarter 🚢 Ship at least one side project 🗣️ Speak at a meetup or conference 👨‍🍳 Meal prep at least once a week 🏋️‍♂️ Workout 3+ times a week 📵 Turn off devices 30 min before bed 😴 Get 7-9 hrs of sleep a night

2

3

39

Cole Bemis

@colebemis

7 years

Just released Feather v3 🚀, making it simple and easy to use Feather on the web. Adding an icon is now this simple:

5

11

37

Cole Bemis

@colebemis

6 years

I’m giving away FREE Feather stickers!! 🎉🎁 Just DM me your shipping address if you’d like one.

7

2

37

Cole Bemis

@colebemis

5 years

Kicking off the new year with my first contribution to @blocks_ui ! 🚀🎊

Blocks UI

@blocks_ui

5 years

v0.0.59 features a layers panel thanks to some amazing work by @colebemis ! 🥰🥰🥰

0

12

88

1

2

35

Cole Bemis

@colebemis

2 years

What do I have to do to get off the @browsercompany waitlist? 👀 I'm dying to give it a try

10

0

35

Cole Bemis

@colebemis

3 years

TIL that typing `shift + enter` instead of `enter` in @github comment boxes preserves indentation 🤯 This has already saved me so much time!

2

4

34

Cole Bemis

@colebemis

5 years

Create, edit and delete board flows are mostly done 🎉 Can't wait to share more about this project with y'all!

0

34

Cole Bemis

@colebemis

3 years

@_paulshen Added a bit more polish ✨ I still can't believe this works 🤯 If you're curious, all the code lives here:

2

1

33

Cole Bemis

@colebemis

3 years

Started building an experimental append-only note taking app backed by a GitHub repository. Feels promising so far! Inspired by @thesephist 's post on incremental note-taking:

1

0

32

Cole Bemis

@colebemis

3 years

What are the best documentation sites you've interacted with and what made them great? 📚

9

6

32

Cole Bemis

@colebemis

5 years

📣 Figma users, the "missing dots" problem is now fixed in Feather v4.24.1 🙌 TL;DR: All lines that previously had a length of 0 now have a length of 0.01 😅

2

0

31

Cole Bemis

@colebemis

6 years

Rewrote my personal website this weekend 👨‍💻 is now generated from a single markdown file using a simple node script.

1

0

31

Cole Bemis

@colebemis

5 years

🙋‍♂️ SVG question: Is there a programmatic way to outline strokes? This would be a great addition to the @figmadesign API 🙏

2

3

31

Cole Bemis

@colebemis

5 years

This is an awesome example of how can be customized and extended. Nice work, @18F ! And thanks for making it open source 💖

Aidan Feldman

@aidanfeldman

5 years

ooh, @18F just released an open source icon set! ...which itself is a remix of an existing open source icon set by @colebemis , meaning it was much faster than starting from scratch. yay for open source saving taxpayer dollars!

1

38

128

1

4

29

Cole Bemis

@colebemis

6 years

Looks like @graphcool now uses Feather on the Prisma docs! Awesome👌

0

29

Cole Bemis

@colebemis

3 months

When I transferred from the Design Systems team to join GitHub Next and lead the design of Copilot Workspace (then called Semantic Workspace), the first thing I did was refactor the app to use components from our Primer Design System. Shoutout to @githubprimer 💖

1

3

29

Cole Bemis

@colebemis

6 years

What are your favorite UX or UI design books? 📚

7

1

28

Cole Bemis

@colebemis

3 years

Rule of thumb: Any time I need a flow chart to describe the behavior of a feature, I probably need to use a state machine to implement that feature. Here's the state machine I used to implement this pattern (shoutout to @statelyai ):

1

4

28

Cole Bemis

@colebemis

3 years

@_paulshen Got functions working! 🔥

2

0

28

Cole Bemis

@colebemis

6 years

My two favorite #FramerX features so far: - Code Components 👨‍💻 - Stacks ✨ Can't wait for Cloud Sharing and Code Functions. This tool has a very bright future 🌞

1

3

27

Cole Bemis

@colebemis

4 years

Excited to talk about how we build @githubprimer documentation sites with our Gatsby theme, Doctocat ✨ Join me at #GatsbyDays on June 2nd & 3rd 📅

Gatsby

@GatsbyJS

4 years

Do you have sites that are distributed across many repos but that need to present cohesively and feel like they're part of one site? Join @colebemis at #GatsbyDays to learn how the @github Design Systems team solved for this with Gatsby Themes. 👉

0

7

21

1

0

27

Cole Bemis

@colebemis

4 years

Sounds like there's interest. Guess I need to design an app icon now 😅

1

0

26

Cole Bemis

@colebemis

4 years

Started a new experiment last night 😈 It doesn't look like much yet, but I'm roughly headed in the direction of "Swift UI IDE for React." Inspired by projects like @blocks_ui , @uidevtools , @Modulz , @plasmicapp , and Playroom by @seekjobs .

2

1

27

Cole Bemis

@colebemis

7 years

Wow, @expo_io makes it super easy to use Feather icons in your React Native project. Here's how:

3

6

27

Cole Bemis

@colebemis

3 months

Very excited to share what we've been working on ... soon! 🚀

Mario Rodriguez

@mariorod1

3 months

Next wave …. coming soon.

1

5

85

2

1

27

Cole Bemis

@colebemis

2 years

Happy Birthday, @githubprimer ! 🎂 I'm excited to finally share some of the color tooling we built to support color modes 🌈

Diana is broccolini

@broccolini

2 years

🥳 Happy 10th birthday to @githubprimer ! To celebrate, here's a behind-the-scenes look at how design engineering built a color tool after working on dark mode and our color system. Props to @colebemis & team for realizing my color tool dreams! 😍

12

53

375

2

0

26

Cole Bemis

@colebemis

6 years

👋 I made myself a Chrome extension to quickly manage other extensions from the toolbar. Would you use it? I'd be happy to put it on the Chrome Web Store if there is interest.

6

2

25

Cole Bemis

@colebemis

7 years

10 new icons 💥

2

0

23

Cole Bemis

@colebemis

6 years

Just shipped new header icons on ! 🚢 I love tiny wins like this 😊

0

24

Cole Bemis

@colebemis

4 years

I found my student evaluation from 3rd grade ... honestly, these are still pretty good criteria for performance reviews 😅

3

1

23

Cole Bemis

@colebemis

5 years

🙋‍♂️ UX question: Are delete confirmation modals considered an anti-pattern? If so, what are good alternatives? Here's the interaction I'm working on:

15

0

23

Cole Bemis

@colebemis

7 years

Feather is trending #1 on @github for the second time in couple months. Thanks, Hacker News!

1

2

23