Jane Tracy 👩‍💻

👩🏽‍💻 Front End Dev @tentwentyMe
🎯 ᴄᴜʀʀᴇɴᴛʟʏ ꜱᴇʟꜰ-ʟᴇᴀʀɴɪɴɢ React,
👑 UX/UI Designer,
✨ᴛᴇᴄʜ ʙʟᴏɢɢᴇʀ
@ThePracticalDev,
ɪɴᴛᴊ-ᴀ
#ᴄᴏᴅᴇɴᴇᴡʙɪᴇ

[Jane Tracy 👩‍💻 @TracyCss]

Day 83 - 88 #100DaysOfCode
Since it's my birthday today, I worked on a colour theme and finally published it. Hahah Nairobi Night is a gift to me and you, I love the feedback so far.
THE CITY UNDER THE SUN. #HappyBirthdaty to me 🎂.
https://t.co/gcXH7MYxyM
#CodeNewbie

[Jane Tracy 👩‍💻 @TracyCss]

😃 New Component alert !!!

Full Description

Ondula is a full-screen page loader built for brands that care about every detail including the two seconds before your page appears.

Enjoy and have fun with it. 😃
#framer
#Buildinginpublic

https://t.co/qKYiipbKMY

[Jane Tracy 👩‍💻 @TracyCss]

@maxedapps True, i enjoy fable 5 in building complex components. 👌

[Emil Kowalski @emilkowalski]

New skill: /apple-design

Apple’s WWDC videos are a goldmine of knowledge. I’ve combed through my favorite ones and came up with 17 design and motion principles.

Use them to review existing work or when working on something new to get it right.

https://t.co/jCwhthpi20

[Ridd 🤿 @ridd_design]

the way design operates at @AnthropicAI is consistently 3-6 months ahead of the rest of the industry

it's partly why @meaghaneschoi (Design Lead for Claude Code) is one of my fav people to learn from

there's a TON of alpha in this week's episode (including the big shift in how they're collaborating with Claude internally) 👇

[Claude @claudeai]

Fable 5 is back.

[Figma @figma]

Generative plugins, built by you and the Figma agent

Describe the tool you need: behaviors, controls, parameters and get exactly what you want for your workflow

Live from Config 2026

[Figma @figma]

Bringing Weave tools to the canvas

[Figma @figma]

Create the shader and visual effects of your dreams in Figma

Live from Config 2026

[Jane Tracy 👩‍💻 @TracyCss]

@figma No more jitter for now. 🫶

[Figma @figma]

FIGMA MOTION IS HERE
FIGMA MOTION IS HERE
FIGMA MOTION IS HERE

Live from Config 2026

[Jane Tracy 👩‍💻 @TracyCss]

Step into Flashback Booth pick a city, take 4 shots, and travel back to the 1980s. Download your strip instantly.
My hackthon fun project with @framer 😊🙌
#framer
https://t.co/iVDpbLXw0O

[Jane Tracy 👩‍💻 @TracyCss]

@framer Happy to connect 😊
https://t.co/7aZRFatRKL

[Jane Tracy 👩‍💻 @TracyCss]

Agents inside @framer with Opus 4.8. 😜
Love this 🙌
#framer #framerlive

[Jane Tracy 👩‍💻 @TracyCss]

We ready for the new updates. 🤗
Go stream

[Framer @framer]

We’re live. Tune in now as we count down. https://t.co/9XZN9mxLdS

[Jane Tracy 👩‍💻 @TracyCss]

@framer Let's goooooo, can't wait to see the new updates 🙌

[konmari @konmari_tweet]

キラキラ水面が本物みたいに揺れるWebアプリ作っちゃいました！
Claude Fable 5の作例でいろんな人の美しい作品を見てたら、 「これ、自���な表現めっちゃ上手いなぁ✨」となって、 勢いでインタラクティブな水面リップルアプリを作ってみた。
マウスで撫でると波紋が広がって、 花びらがゆらゆら動きます🌸
これがHTML？画面にあるのが不思議な感覚。
※背景画像はGPT Image 2で生成しました。

[Jane Tracy 👩‍💻 @TracyCss]

Arcus is a cinematic full-screen page loader for Framer, built around a signature three-layer curved panel wipe. Each coloured panel sweeps upward in sequence. 👌🔥
https://t.co/VScS6lojng

#Framer
#Buildinginpublic

[Jane Tracy 👩‍💻 @TracyCss]

Drop in up to 8 PNG images with transparent backgrounds ingredients, products, icons, anything with shape.
It's responsive to all devices too.
Have fun with nimbus 🌟🎨✨️
https://t.co/pdlliiGbtt

#framer #Buildinginpublic

[Leon Lin @LexnLin]

Okay, haters saying this is a shitpost and fake. Well no, I don't do these kind of posts 😭

HERES THE PROMPT

Use the image-to-code web skill. https://t.co/vwC3PLIWLs (for image gen)
Create a landing page using the materials I provide. Please read everything completely.
Generate 8 images total. Each image should represent one section of the website, so there should be 8 sections in total.
The website should be ultra-clean, modern, and at the level of these references:
https://t.co/9ZuvJ69lg0
https://t.co/It8UfAe0Aw
https://t.co/AxprubOsfW
https://t.co/M41bpfTcUx
https://t.co/GA19op8FPg
https://t.co/wfoi6YKck4
Please generate the images based on the reference images I provide from these websites. Then, your task is to recreate the generated images in code.
Extract all individual elements from the generated images and regenerate them with image generation so they can be used as separate assets. Then use those assets to build the final website with extremely smooth animations.
The site can be about anything. Just make it creative, animated, aesthetic, and really cool.
Please make the website awesome and check everything carefully.

-----
YES just like that. Inspo + image2code + Fable is CRAZY

[Jane Tracy 👩‍💻 @TracyCss]

@LexnLin Hahaha 😆, Ai is so good that now its better than some designers.