Peter Reaper-Reynolds
@petermcreaper
Followers
1K
Following
17K
Media
444
Statuses
7K
Product designer @figma working on Dev Mode • Likes mechanical keyboards, bicycles, coffee, gardening • He/him
Dublin, Ireland
Joined February 2009
Some exciting news to finish up the year. After 4 years married, I decided to change my surname to be the same as my wife's. My wife, @AoifeRR, loves her surname. I liked mine but I didn't have quite the same attachment to it that she did.
3
0
32
Sat down with the Figma team to talk about craft – what is it, how do we define it, and how can you get better at it? This is part of a mini series called Blend Mode, with two other videos on the design process and users coming out in the next few weeks https://t.co/UWi3CgdaCo
4
12
175
New Code Connect update: Expanded web framework support to include design systems written in Angular, Vue, and HTML
12
39
374
Icon designers, lend me your ears! What absolutely sucks about designing and managing sets of icons today? Are there some features you would love to see in the world? The crazier the better, let's magic wand this.
20
5
43
Designers using UI3; how many of you have used the property labels feature? Do you find it helpful? If not, what could be better?
46
10
133
my first thought when I saw @figma's sidebar showing component code was, "I really hope they add a way for devs to write the code that's displayed there" — and today they launched that functionality! watch Jake give us a whirlwind tour of how it works
12
61
560
We've been using Code Connect with our own design system, and it's so exciting seeing design + code march closer together. This bridge means that teams at Figma by default have design files connected to our actual codebase, with no extra effort.
The right code, when you need it Deliver component code from your libraries to Dev Mode with Code Connect, now in beta
3
7
62
Big launch day! ICYMI: https://t.co/eKeerwgUvc → Typography and gradient stop variables (GA) → Code Connect for developers (Beta) → Library Analytics API (Beta) Huge congrats to @shanawho @petermcreaper @henryfreedland and everyone else who brought this great work to life!
figma.com
We announced Code Connect for developers, typography and gradient variables, and our Library Analytics API to help you drive design system adoption across your entire organization.
0
5
51
Still lots to do here / this is just the start, but I suspect this might be one of the most meaningful announcements we’ve shared at Figma. Looking forward to everyone’s feedback!
The right code, when you need it Deliver component code from your libraries to Dev Mode with Code Connect, now in beta
21
15
341
Annotation - Kumasan Daisuki Club (Official Music Video) https://t.co/f4hUKJuknv Creative Video Ever🫶🫶
3
23
156
Multi-edit is finally here; We're drawing multiple bounding boxes for selections across frames! Sounds simple, right?
15
18
319
Ahhh could not be more excited about Multi-edit!!! Kudos to @nikolasklein @skuwamoto @mwichary @maxvoltar and many others (including former figmate @bradee!) for incredible work Fun threads to check out: https://t.co/9ZgUvrOzYA
https://t.co/OIVL3QTy9V
https://t.co/sE1A8t4DOs
5
7
76
💞💐 Happy Valentines Day! @figma dev mode annotation with hearts & flowers ✨code here: https://t.co/Yu9Lu46oIw
5
11
97
We have a very rare opening for a senior product designer to join the developer tools team @figma in UK/London. If you’re interested in designing the future of designer and developer collaboration with an incredible team, get in touch! https://t.co/Da7bzmrafZ
figma.com
Our vision is to make design accessible to all. We focus on building our software with care and craftsmanship, and we welcome talented people from all backgrounds. Come join us!
4
21
58
A bit too happy it’s weekend? Maybe time for a change? We're hiring a senior product designer for our Developer Tools team at Figma in UK/London to join @oscrse and @petermcreaper designing the future of dev <> designer collaboration!
figma.com
Our vision is to make design accessible to all. We focus on building our software with care and craftsmanship, and we welcome talented people from all backgrounds. Come join us!
1
1
9
Today marks a big milestone: Dev Mode is officially out of beta! @figma built Dev Mode with the belief that we could improve how developers and designers work together, and make it faster to go from an idea to a coded product. And this vision is already becoming a reality.
5
7
74
Customize Dev Mode to how you work. Five plugins to try: Design 🤝 Dev → @Jira Code Generation → @bernaferrari Figma to Code → @AnimaApp Design Systems → @TokensStudio → @Figma Code Snippet Editor More in the thread.
8
96
486
Annotations in Dev Mode is one of those features where sooo much invisible design consideration and engineering collaboration went into making it work ‘just how you’d expect’. Love this deep dive from @oscrse that gets into some of the principles and decision making behind it
Annotations in Dev Mode is now live! As a @figma designer, I’ve always had a love-hate relationship with marking up a file. Today, I’m writing about how this feature came to be — for both design and dev. Scroll 🧵 and/or read the blog: https://t.co/NmocgEJ6Oq
0
0
9
We launched Dev Mode last year to make @Figma work better for developers and I’m so excited for the new features shipping next week. They will speed up handoff and help keep design and dev in closer sync. More details before these features go live Jan 31! https://t.co/Zc5c7GfDFI
figma.com
The improvements we're making as Dev Mode moves out of free beta on January 31.
Coming next week: New features in Dev Mode to bring design + dev closer. Annotations (!!), improvements to diffing, plugins, and the VS Code extension. What's shipping January 31 as Dev Mode moves out of free beta → https://t.co/aOIXilmzQR
12
35
353