LumaFold for iPhone Duo

A little light can change the whole shot. I built LumaFold to turn the iPhone Duo’s folding screen into adjustable colour and animated light for creative object photography. apps.apple.com/app/id6811553…

Meet LumaFold ✨ Turn your iPhone Duo screen into colorful light. Mix shades, create reflections, and bring your next idea to life. Explore LumaFold ↓ apps.apple.com/app/id6811553… #iPhoneDuo #LumaFold #iPhoneDuoApps #ScreenLight

I built Source → Design, a Figma plugin that turns HTML and frontend projects into editable Figma designs. Import local HTML files or React, Next.js, Svelte and Vue project ZIPs. Feedback welcome. Plugin: figma.com/community/plugin/1…

Hello! I built Source → Design, a Figma plugin that turns HTML and frontend projects into editable Figma designs. Import local HTML files or React, Next.js, Vue and Svelte project ZIPs. Feedback welcome. Plugin: figma.com/community/plugin/1…

I built Source → Design, a Figma plugin that turns HTML and frontend projects into editable Figma designs. Import local HTML files or React, Next.js, Vue and Svelte project ZIPs. Feedback welcome! Plugin: figma.com/community/plugin/1…

I built Source → Design, a Figma plugin that turns HTML and frontend projects into editable Figma designs. Import local HTML files or React, Next.js, Vue and Svelte project ZIPs. Feedback welcome. Plugin: figma.com/community/plugin/1…

Hi! I built Source → Design, a Figma plugin that turns HTML and frontend projects into editable Figma designs. Import local HTML files or React, Next.js, Vue and Svelte project ZIPs. Feedback welcome. Plugin: figma.com/community/plugin/1…

I built Source → Design, a Figma plugin that turns HTML and frontend projects into editable Figma designs. Import local HTML files or React, Next.js, Vue and Svelte project ZIPs. Plugin: figma.com/community/plugin/1…

I built Source → Design, a Figma plugin that turns HTML and frontend projects into editable Figma designs. Import local HTML files or React, Next.js, Vue and Svelte project ZIPs. Feedback welcome. Plugin: figma.com/community/plugin/1…

I built Source → Design, a Figma plugin that turns HTML and frontend projects into editable Figma designs. Import local HTML files or React, Next.js, Vue and Svelte project ZIPs. No public URL needed. Plugin: figma.com/community/plugin/1… Feedback welcome.

I built Source → Design, a Figma plugin that turns HTML and frontend projects into editable Figma designs. Import local HTML files or React, Next.js, Vue and Svelte project ZIPs. No public URL needed. Plugin: figma.com/community/plugin/1…

I built Source → Design, a Figma plugin that turns HTML and frontend projects into editable Figma designs. Import local HTML files or React, Next.js, Vue and Svelte project ZIPs. No public URL needed. Feedback welcome. Plugin: figma.com/community/plugin/1…

I built Source → Design for interfaces that already exist in code but don’t have an up-to-date Figma file. Import local HTML or React, Next.js, Vue and Svelte ZIPs as editable Figma layers. No public URL needed. Feedback welcome. Plugin: figma.com/community/plugin/1…

Screenshot-to-CSS can recover a shadow’s blur and opacity. It can’t tell whether that shadow means elevation, focus, or decoration. --shadow-raised --shadow-overlay --ring-focus Pixels become a system only when intent is explicit. visualsnag.com/

AI often treats empty space as unfinished UI. But whitespace is doing real work: separating groups, controlling pace, and signaling importance. A screenshot-to-CSS workflow should measure the gaps—not just the objects inside them. visualsnag.com/

AI can match a screenshot and still miss its density. Density isn’t “compact” or “spacious.” It’s the ratio between type, control height, spacing and information volume. Describe those relationships or the model will replace them with defaults. visualsnag.com/

A screenshot teaches AI what a button looks like at rest. It doesn’t show hover, focus, loading, disabled, success, or error. If the design prompt ignores states, the generated UI fills them with defaults. Extract the style—then specify the behavior. visualsnag.com/

AI UI consistency is a constraint problem, not a screenshot problem. Before generating screen two, define: — allowed tokens — semantic roles — responsive rules — permitted exceptions visualsnag.com/

AI-generated UI often drifts one “harmless” value at a time: a near-duplicate gray, a sixth radius, a one-off shadow. The fix isn’t more polishing. Every new value should map to an existing token or justify an exception. visualsnag.com/

AI can see that three elements use the same blue. It can’t tell whether blue means action, selection, focus, or information. Screenshot-to-CSS becomes useful when values gain semantic roles. Otherwise the palette survives and the UI logic doesn’t. visualsnag.com/