it's still there, but to be fair hidden away behind a share button now. to stephens reply - will see what the team thinks!
you have a few options of passing context to your agent though.
- one is to copy the nodes to clipboard and then paste them (see video!)
- another is to leave comments on your file and then ask your agent to pick them up and action them
๐ thanks for using paper!
1
1
19
btw for anyone working with polaris you can snapshot their examples into @paper
make sure to enable "allow access to embedded frames" first though
Polaris CDN 1.1 is now stable. Appreciate everyone who tried it out during our release candidate period and provided feedback via the Forums. shopify.dev/changelog/polariโฆ
1
7
1,682
latest version of @paper ships with a new way of connecting to its local mcp server, it's easier, more robust, and remains fast af
ALT connect your agent flow in paper
4
18
799
btw you can access iframes through @paper snapshot by pressing this action in its context menu
super helpful for all kinds of things ๐ฅ๐ฅ
2
11
621
> Figma image fills require Paper's browser extension connected to a Figma account that can open the source file. Without it the paste succeeds but the images are missing.
not quite. you just need to paste and then connect to figma when this dialog shows up. will open the oauth flow and then when you get back in images will start resolving (figma api limits apply)
1
1
300
tbh I find the types github.com/atlassian-labs/coโฆ exposes via createStrictAPI is still the goat
styles are local and typed, nothing to teach agents where things live. you define types per style property / pseudo states. you define style boundaries per component. only allowed properties pass typecheck.
here I set up astryx tokens with it, works a treat
ALT define the schema + media queries
ALT example values for background color
ALT define a component boundary, declare what styles should be available from the global set
ALT values you didn't define aren't allowed and don't pass type check
This Week In React 295
โ๏ธ
- StyleX
- browser()
- Next.js
- Compiler in Vite/Bun
- Astryx
- Formisch
- React Aria
- TanStack
๐ฑ
- C++ API
- Margelo+Callstack
- Observe
- Reanimated
- Teleport
- Nitro
- Screen Transition
๐ฟ Read thisweekinreact.com/newslettโฆ
โ๏ธ @jaworek3211 & I
2
1
23
2,973
cool! fyi you can also just paste html via text, e.g: if I type this and copy it into paper
<div style="color:red;font-size:19px;">hello ethan!!!</div>
it also works
2
46
piped.video/watch?v=p-i9o-sHโฆ
fun video. over the years i've gravitated towards "strip modelling" where it's like, extruding edges to flesh out your 3d
if I had infinite time I'd be 3d modelling, making games, and working on editors. if only!
598
yearly reminder for frontend folks โ enable show scroll bars. you'll make your own software more resilient as well as find jank in others
macos system settings > appearance > show scrollbars: always
e.g. here's githubs new issue view collapsed sidebar
ALT scrollbar oops
3
1
45
2,610
here's an example where a menu would benefit greatly from the triangle treatment, h/t mayank.co/blog/hover-trianglโฆ
I want to click learn more, it's not natural to move left then down
1
45
6,576
I've been enjoying these, you should scroll to the top of the dialog when going to the next note
1
31
for paper people: I'm looking at reducing the friction when working with paper mcp + agent harnesses right now (e.g. ever get paper mcp not found when starting your agent harness before paper? yeah that!)
looking for thoughts: if when setting up the mcp server inside paper you had to enter admin privileges, something like the attached, would that feel scary / odd / bad / ...? or would you be okay that? doubly interested in folks that are in an enterprise setting!
ALT paper prompt
1
4
489
there's an improvement shipping soon that will show the "click me to focus" overlay so you don't get stuck
thanks for the report again!
1
2
18
i'm in this tweet and i like it
Paper just raised $34M in our Series A from @Accel and @ICONIQCapital
Paper is the pro design tool for teams shipping with agents. We are well-funded and growing faster every day.
Thank you for supporting Paper!
Full story in the replies -- check out Agu's new graphics
3
22
1,655
drag to reorder tabs is coming to @paper desktop soon. here's some tips if you were to implement this yourself ๐งโ๐ณ
โฒ๏ธ drag & drop isn't needed for the initial paint, so it shouldn't be on the critical path. this includes both executing code, and downloading the bundle!
โ๏ธ view bindings (like for react) are a footgun. apply the drag and drop in an effect (or equivalent) with vanilla apis which ensures it's off the critical path.
๐ช personal preference, but don't make dnd behaviour bleed throughout your components. similar to layout, the parent component dictates the logic / loading orchestration. enable behaviour through child refs in the parent!
โจ have fun! dial it in for how it feels to drag & drop. I gave extra care to bring some physicality like having drops take longer the further away from the drop target they were (and shorter when closer!).
ALT screenshot of the paper desktop application having one of its tabs being dragged to reorder
3
1
23
1,235
we were invited to the gh stacks beta! so far the two main commands ontop of regular git I'm actively using is gh stack sync + gh stack submit.
I'm glad sync exists, streamlines pretty much everything
2
10
820
