A designer spotlight on Kevin Lam (urfd), a Brisbane-based brand and digital designer at Nightjar Studio. Kevin shares five featured projects — including a medical aesthetics clinic, a photographer's portfolio, a real estate brand, a natural event documentary site, and a lifestyle precinct — each built around translating brand stories into soulful digital and visual experiences. He also covers his design philosophy (curiosity, finding a north star, caring about craft, collaboration) and his toolset including Figma, Cinema 4D, After Effects, Cavalry, and Photoshop.
Nguồn: https://tympanus.net/codrops/2026/06/25/shaping-stories-into-experience-the-work-of-kevin-lam. 8sync News chỉ tóm tắt và dẫn link; bản quyền nội dung thuộc tác giả và nguồn gốc.
Locofy.ai là công cụ AI chuyển đổi thiết kế Figma thành code frontend hoàn chỉnh, tập trung vào developer-first với workflow agentic qua CLI, Cursor và Claude Code. Nó đóng vai trò trung gian giữa Figma và các trợ lý coding AI (Cursor/Claude), đảm bảo độ trung thực UI và cấu trúc thiết kế.
Nếu bạn là lập trình viên Frontend muốn tiết kiệm thời gian và đảm bảo tính chính xác của UI từ thiết kế đến mã, Locofy.ai là công cụ AI mới giúp tự động hóa quá trình chuyển đổi từ Figma sang code mà không cần phụ thuộc vào các nhà thiết kế.
AI is reshaping how design systems are built and maintained by automating the generation of design token sets from natural language descriptions. Rather than manually defining hundreds of CSS custom property values, teams can describe a desired aesthetic and let AI produce a complete, internally consistent token hierarchy covering global, alias, and component-specific tokens. Progress ThemeBuilder is used as a practical example, demonstrating how AI-generated tokens can be exported as CSS or SASS and consumed directly by component libraries. The token layer acts as a contract between AI tooling and components, enabling mixed workflows where AI-generated baselines are refined with manual overrides. For enterprise teams, this compresses the time between brand decisions and implementation while keeping governance in human hands.
A hands-on comparison of three local LLMs (Qwen 3.5 9B, Mistral 7B, and Gemma 4 12B) for UI design work using Open Design and LM Studio on 8GB VRAM. Qwen produced a functional but visually underwhelming result after context-length tweaks. Mistral failed to render properly in Open Design and produced a compressed, incomplete design even via direct HTML generation. Gemma 4 12B, despite failing entirely in Open Design, produced the most polished output when run directly in LM Studio and rendered via VS Code's Live Server — with proper nav, event cards, and a well-structured café menu. The author concludes that strong code generation ability is the key differentiator for local UI design models, and recommends Gemma for local vibe design workflows despite its hardware demands.
A personal roundup of curated resources for finding public domain images, particularly vintage woodblock and lithographic illustrations. Highlights three for-profit curation sites — The Public Domain Review, Artvee, and Heritage Type — that pair quality image collections with merchandise or design assets, making it easier to find usable images without wading through low-quality search results or poorly maintained library databases.
Figma has announced a major update introducing code layers directly on the collaborative canvas, enabling teams to clone repositories and extract flows from code to design layers. The update also adds native support for animations, transitions, 3D transforms, and shader effects — previously requiring external tools. AI capabilities are expanded with support for generating assets, shader fills, and custom plugins via text prompts. Users can now connect external tools like Notion, GitHub, and Excel to Figma's AI assistant for richer context. Integration with the acquired Weavy node-based workflow tool is also in progress, with in-canvas Weavy workflow generation coming later this year.
Figma is introducing 'code layers' in Figma Design, a new feature currently in closed beta that embeds interactive, runnable code directly onto the Figma canvas. Teams can generate code via the Figma agent, import GitHub repos or local folders, and explore multiple code directions side by side. Code layers can be converted back into editable Figma layers and vice versa, enabling fluid movement between design and code. Teammates can comment, prompt, and iterate on the same layer collaboratively. Once finalized, changes can be pushed back to a repository.
Figma's 2026 AI report, based on 8,403 survey responses and 639 qualitative interviews across 10 markets, reveals a major shift in how AI is used at work. For the first time, AI is meaningfully changing team collaboration rather than just individual productivity — 41% of respondents say so today, up from just 7% two years ago. The report highlights that 76% of product builders now do at least half their work on the canvas, blurring the lines between design and development roles. Design's importance is growing, not shrinking: 90% say design matters at least as much as before AI, and 60% say it matters more. The report also identifies four AI adoption patterns — grassroots, directive, nascent, and unified — and argues the real goal is unified adoption where individuals and organizations move forward together.
Figma's design agent is now in open beta with expanded capabilities. Designers can prompt the agent to build reusable generative plugins and WebGPU-powered shader effects and fills directly on the canvas—no developer setup required. New context features let users attach files, reference other Figma files, search the web, and connect external tools via MCP connectors (GitHub, Atlassian, Slack, Linear, Hex). A new Skills system lets teams save and share reusable prompt-based slash commands to codify design philosophies and workflows. Agent conversations are visible to collaborators by default, turning iteration history into a shared resource.