Apple really put the camera under the screen before anyone else (in a major phone)
Wasn’t in my bingo cards
Wasn’t in my bingo cards
🤣2
This media is not supported in your browser
VIEW IN TELEGRAM
Holy transition bro. This looks so fucking seamless
❤2
The “I prefer building apps for mobile because i hate responsiveness” gang are gonna have a tough time😭😭💔
One problem of working with T3 code is you really can not leave the expected user behavior and stress the app too much. FOr example if you prompt in a chat that is already executing, theres a solid 70% chance the queued prompt won't even register
Worst part about apple is that the market does the marketing for them before the thing is even out smh
This media is not supported in your browser
VIEW IN TELEGRAM
Building on the fold hype, heres how to set up a figma shader for previewing how a design will work on a foldable screen with the constraints of the crease
🔥3
Chat gpt prompt first to get the figma agent prompt:
Make me a prompt for FigmaAgent that I can use to make a shader that will fold whatever I have selected in half I should be able to control where the fold crease line will be so I can make it not half for it but instead like 60% towards the right side it will also cool if I could rotate that fold point but either way it should essentially turn the two sides of the crease into a perspective warp and then there will be a slider that lets me increase or decrease the amount of fold 100% filled on the slider will be fully folded down to zero which will be not folded
Make me a prompt for FigmaAgent that I can use to make a shader that will fold whatever I have selected in half I should be able to control where the fold crease line will be so I can make it not half for it but instead like 60% towards the right side it will also cool if I could rotate that fold point but either way it should essentially turn the two sides of the crease into a perspective warp and then there will be a slider that lets me increase or decrease the amount of fold 100% filled on the slider will be fully folded down to zero which will be not folded
Which will give you an output on the line of:
Create an interactive Fold shader effect for whatever I currently have selected in Figma.
Treat the selection's appearance as one continuous surface, with an adjustable crease that
acts like a hinge.
Expose these live controls:
• Fold Amount: Slider from 0-100%, default 0%. At 0%, the selection looks exactly as it
originally did. Increasing the slider smoothly folds the surface. At 100%, the moving side
has rotated 180° and lies fully closed over the other side.
• Crease Position: Slider from 0-100%, default 50%. With a vertical crease, this measures
from left to right: 50% folds it in half, while 60% puts the crease 60% of the way across
from the left, creating unequal sections. For a rotated crease, measure the position
perpendicular to the crease; 50% should always pass through the selection's center.
• Crease Rotation: Angle control, default 0° for a vertical crease; 90° gives a horizontal
crease. Support diagonal angles and keep the crease position and rotation controls
working together.
• Fold Side: Toggle which side of the crease moves. Default to the right side folding over
the left when the crease is vertical.
Split the surface along the crease into two flat regions joined by one continuous hinge.
Render them with consistent perspective so the fold feels three-dimensional. Keep the
anchored region still while the moving region rotates around the crease.
Keep the artwork attached to its surface throughout the fold. Preserve the selection's
proportions, detail, and transparency. Use correct overlap and visibility as the moving side
passes in front of the anchored side. Give the reverse side a coherent appearance and add
subtle shading to make the fold readable.
Keep the crease stable, with no gaps, jitter, or sudden jumps. Handle edge-on positions
smoothly and allow enough rendering space to avoid clipping the folded surface.
Verify the effect at 0%, 50%, and 100% fold, with centered and 60% creases, and with
vertical, horizontal, and diagonal rotations. Deliver the working effect with editable controls.
Create an interactive Fold shader effect for whatever I currently have selected in Figma.
Treat the selection's appearance as one continuous surface, with an adjustable crease that
acts like a hinge.
Expose these live controls:
• Fold Amount: Slider from 0-100%, default 0%. At 0%, the selection looks exactly as it
originally did. Increasing the slider smoothly folds the surface. At 100%, the moving side
has rotated 180° and lies fully closed over the other side.
• Crease Position: Slider from 0-100%, default 50%. With a vertical crease, this measures
from left to right: 50% folds it in half, while 60% puts the crease 60% of the way across
from the left, creating unequal sections. For a rotated crease, measure the position
perpendicular to the crease; 50% should always pass through the selection's center.
• Crease Rotation: Angle control, default 0° for a vertical crease; 90° gives a horizontal
crease. Support diagonal angles and keep the crease position and rotation controls
working together.
• Fold Side: Toggle which side of the crease moves. Default to the right side folding over
the left when the crease is vertical.
Split the surface along the crease into two flat regions joined by one continuous hinge.
Render them with consistent perspective so the fold feels three-dimensional. Keep the
anchored region still while the moving region rotates around the crease.
Keep the artwork attached to its surface throughout the fold. Preserve the selection's
proportions, detail, and transparency. Use correct overlap and visibility as the moving side
passes in front of the anchored side. Give the reverse side a coherent appearance and add
subtle shading to make the fold readable.
Keep the crease stable, with no gaps, jitter, or sudden jumps. Handle edge-on positions
smoothly and allow enough rendering space to avoid clipping the folded surface.
Verify the effect at 0%, 50%, and 100% fold, with centered and 60% creases, and with
vertical, horizontal, and diagonal rotations. Deliver the working effect with editable controls.
🔥2
Once your shader has been made, apply it on the effects tab as any regular shader
And tadaa ✨✨
(Via Nolan Perkins on IG)
And tadaa ✨✨
(Via Nolan Perkins on IG)