Web Developer Tools & Resources
As the Adobe Express marketplace grows, discover the top areas of opportunity we’re looking to fill and how to get support realizing your creative idea.
As a product builder over too many years to mention, I’ve lost count of the number of times I’ve seen promising ideas go from zero to hero in a few weeks, only to fizzle out within months.
Many developers view accessibility as an overwhelming task, requiring a lot of extra effort or specialized knowledge. But a few basic practices can make a significant impact.
I’ve tried my best to make sure that this site works great (or at least reasonably well) even without JavaScript, but when JavaScript isn’t available, it can be a little clunky to hide things that do require it. With a mere 7 lines (or a one-liner if you’re nasty), you can easily hide elements that require JavaScript so that you don’t end up with broken functionality visible to users who...
Lost in a sea of UX files, docs, PDFs, and scattered decisions across Slack, Dropbox, Notion, and Figma? We talk a lot about organizing Figma, but what about a sensible folder structure for all UX assets? Let’s fix that. Kindly powered by
When Designer Advocate Laura Fehre set out to design a digital nail salon, she had a vision in mind. Nailing it, however, meant letting go of perfection and letting herself play.
In this article, I will review a few new AI tools that Figma recently introduced.
In 100 years, web design will likely evolve into immersive, seamless experiences that blend technology with human interaction, eliminating traditional concepts like pages, navigation, and fixed information. As AI and human minds merge with the digital world, designers will focus on creating dynamic, personalized environments rather than static websites.
Most people overthink their backend way too early. You start building a new product and suddenly you’re researching Kafka, Redis, background workers, message queues, analytics pipelines, caching layers, and five microservices.
There has been an explosion of AI-powered prompt-to-code tools within the last year. The space began with full-on integrated development environments (IDEs) like Cursor and Windsurf. These enabled developers to use leverage AI assistants right inside their coding apps. Then came a tools like v0, Lovable, and Replit, where users could prompt screens into existence at first, and before long, entire applications.
Create stunning color palettes instantly with AI. Enter any name, keyword or theme to generate the perfect color combination for your project.
CSS offers powerful tools for creating visually stunning web designs, and one of the most exciting features is CSS perspective. It enables you to add depth and create the illusion of a three-dimensional (3D) space in your designs. In this article, we’ll explore CSS perspective, how it works, and provide practical examples for implementing it effectively.
The problem of clueless critics, inflated egos, and AI panic
Though they’re instrumental in shaping the look of everything a brand puts out, art directors rarely get the credit they deserve. Here, we hand the mics over to Maria Chimishkyan and Jefferson Cheng on Figma’s Brand Studio team and eavesdrop as they discuss the ins and outs of their work.
Learn all about Lottie animations, from what they are to why they’re used, and discover how to create, optimize, and integrate them into your designs!
Fonts do more than just carry words; they set the tone, express personality, and influence how your message is received.
Ever stared at a blank presentation canvas, feeling the pressure mount? Crafting compelling, professional-looking slides takes time and design skill – resources often in short supply. Whether you’re prepping a crucial business pitch, delivering an educational lecture, or showcasing your creative portfolio, the visual impact matters. That’s where a high-quality Canva Presentation Template becomes your secret weapon.
A playful exploration of animating repeated image frames along a path, inspired by Joana Correia’s motion design reel.
Chapter 5 covers the nuances of publishing a design token system in Figma and code, and then Chapter 6 goes DEEP into adopting design tokens; we ended up producing 71 videos clocking in at 141 minutes! ð¤¯
It starts with good intentions — a quick fix here, a shiny feature there — and suddenly, your product portfolio’s bursting at the seams. In this guide, Talke Hoppmann-Walton walks you through a “Product Kondo” exercise to declutter, realign, and spark some serious product joy for both your business and your customers.
Modern businesses operate in a world where delivering flawless products is not just a competitive edge but a necessity. As customer expectations rise and production volumes soar, the challenge of maintaining consistent product quality becomes more complex. Manual inspection methods, once the backbone of visual quality control, are now being replaced by advanced solutions offered by an AI Development Company. These companies build AI-powered visual quality control systems that help businesses...
The weakest link in your infrastructure might just be your permissions. In Kubernetes, permissions exist to protect your cluster, but if you’re not careful, they can become your number one problem. How?
Last year, in Figma’s first annual AI report, we suggested that we were in a “pivotal” moment with AI, when AI hype in the industry was at its peak. While so much has changed in the twelve months since then, we’re still wrestling with many of the same questions. With foundational models becoming less expensive and widely accessible, there’s more competition than ever, and product builders are feeling pressure to both adopt...
Every year on April 22, Earth Day reminds us of our responsibility to protect and preserve our planet. Designers and artists play a vital role in shaping a more sustainable future by creating work that raises awareness, reduces waste, and promotes eco-friendly solutions.
We talked to Brazilian graphic designer Breno Bitencourt, who is known for his bold, expressive logo designs that push traditional design boundaries.
When it comes to choosing the right CSS framework, Tailwind CSS and Bootstrap are two of the most popular options. Both help developers build responsive and modern websites faster, but they take very different approaches.
Building a web application from scratch can be time-consuming, especially when you have to manage everything from the ground up, including both client-side and server-side functionalities. This is where a Next.js boilerplate comes in handy. A boilerplate in Next.js is a pre-built template that provides a foundational structure for developing web applications using the Next.js framework. It includes a collection of essential features, configurations, and tools that allow developers to...
There’s nothing like the feeling of launching a new website. It’s the excitement of a happy client and a great addition to your portfolio. You can even admire all the cool things you did with WordPress. But as that chapter ends, another one begins.
Selecting the right colors for your app enhances user experience and attracts more downloads. In this article, I’ll provide 3 color palettes for each of 5 different app types, along with ideas to apply them effectively.
How New Heuristics Are Reshaping the Creative Process Between Humans and Machines
React Native has become a popular choice for businesses seeking to build mobile applications that run on both iOS and Android platforms using a single JavaScript codebase.
React Native has rapidly become the top choice for enterprises aiming to deliver high-quality mobile applications across both iOS and Android without doubling their development efforts. As the demand for efficient, scalable, and cost-effective solutions grows, more organizations are turning to a trusted React Native Development Company.
Comics have served as an inspiration to many of us. They impact every corner of our culture. Just try going to the movies without at least one comic-based film showing. It seems nearly impossible.
Picture this: You’ve spent three weeks conducting qualitative research for a finance app redesign. You carefully recruited 12 participants, conducted in-depth interviews, and identified patterns around financial anxiety and decision paralysis. You’re excited to present your findings when the inevitable happens:
If you’re in a situation like this, the solution is to find the right no-code platform to build your app and launch your startup without effort. We’ll help you find a solution that fits your needs.
We are back with another collection of fresh resources for our fellow web developers. This month, we have a variety of tools, frameworks, and libraries that can help you in your web development projects.
But our digital world has been getting flatter, more muted.
Simple products are immediately familiar and usable. When I pick up a knife or a cup, I never have to think to myself, “How do I use this?”, even if I’m at a friend’s and have never seen their tableware before.
Integrating Augmented Reality (AR) and Virtual Reality (VR) into React Native apps offers businesses a way to create engaging and interactive mobile experiences that connect users with digital content in new ways.
In UX design, a single misplaced verb can lead users astray, frustrating their expectations and creating confusion. That’s why UX Writer Henry Freedland chose his words very carefully when he was brought in to help polish a new prototyping feature.
Whether you’re starting fresh or maintaining a mature system, this growing collection of tactics is designed to help you make progress at every stage.
Want to bring your vector illustrations to life? Follow this step-by-step guide to create a dynamic Lottie animation from a stock SVG graphic! Learn how to animate characters, add expressive motion, and create seamless looping effects using Lottie Creator.
With their glowing curves, tubular letterforms, and vibrant energy, neon sign fonts bring that signature neon style into your digital and print projects.
Keyboard navigation is a vital aspect of accessible web design, and a detail-oriented approach is crucial. Prioritizing keyboard navigation prioritizes the user experience for a diverse audience, extending your reach while simultaneously fostering a more inclusive web environment.
Learn how to build carousels with GSAP using scroll snapping, utility functions, 3D effects, and draggable interactions.
Ever look at a photograph and feel it just… pops? Sometimes, though, you want something different—a softer, more evocative mood. Maybe you’re chasing that dreamy, film-like quality or a sophisticated, low-contrast look for your portraits of landscapes. If that sounds familiar, you’ve likely encountered the magic of the matte effect. Achieving this subtle yet powerful style manually can involve tweaking the Tone Curve and adjusting multiple sliders. But what if...
Artificial Intelligence (AI) is no longer a futuristic concept — it is now a practical tool that is changing how businesses build and deliver mobile applications.
If you’ve ever felt overwhelmed by the sheer amount of work it takes to bring an idea to life, you’re not alone. Whether you’re coding a new app, designing a website, or crafting content, the process can feel like climbing a mountain. But here’s the good news: AI-powered tools are here to help you scale that mountain faster—and with a lot less sweat.
When building modern, responsive layouts with CSS, one small property can save you a lot of headaches: box-sizing.
Over the years, I’ve taken and adapted this work as part of a range of projects with different organisations. This has also meant that I’ve built on the work of others – some notable early examples of what shaped my thinking include Clayton M. Christensen’s Jobs to be Done framework, and then more practical books like The Lean Startup by Eric Ries, followed by Jeff Gothelf’s Lean UX – first released in 2013.
Product design isn’t just about making things pretty. It’s about making them work well for real people. It’s about identifying problems, ideating solutions, and packaging it in something that’s not just helpful, but joyful. Today, I’ll walk you through the core of product design, where AI fits in, and how we make design decisions that actually improve lives.
What seemed like a straightforward request—add a horizontal scroll bar to the Layers panel in Figma—presented unexpected challenges. Here’s how the design and engineering teams iterated and prototyped to find the right solution.
A magical sparkle cursor is a simple way to draw attention and make any website memorable. In this tutorial, we’ll build a beautiful sparkle cursor from scratch using HTML, CSS, and JavaScript.
In a previous blog post, we explored how AI Assistant in Adobe Experience Platform is monitored and improved via an end-to-end evaluation framework, including how we track, categorize, and learn from errors in real-world usage.
In this article we’ll look at 12 things you can do on your website to make it load faster. But first, let’s take a look at what website performance is all about and how it’s measured.
The rise of AI tools doesn’t mean becoming a “unicorn” who can do everything perfectly. Specialization will remain valuable in our field: there will still be dedicated researchers, content strategists, and designers.
Much has been written about what AI’s magical powers can enable—whether engineering, design or documentation. But I believe something just as interesting is happening with how teams build in the era of AI.
Reading EXIF metadata directly from image files in the browser is a powerful feature — whether you’re building a photo uploader, a metadata inspector, or a tool to strip sensitive data before sharing. In this tutorial, you’ll build a native JavaScript EXIF parser using no external libraries and organize your code cleanly into HTML, CSS, and JS files.
Al crear un MVP , el rendimiento lo es todo. Una experiencia de usuario fluida, la escalabilidad y la seguridad son esenciales para el crecimiento, especialmente cuando el producto está diseñado para gestionar la alta demanda y las cambiantes necesidades del negocio. Muchos equipos cometen errores técnicos al principio que afectan tanto la eficiencia como la escalabilidad.
Text presentation in graphic design can create a powerful visual experience for the reader. Just like a stunning picture that makes people stop and look, text can have the same effect. Especially these days with the internet, everyone knows what it’s like to be surfing and going down the rabbit hole of web pages. You either get drawn in or you click away and the overall look and feel of...
What happens when you give a rock two eyes and a smile? Suddenly, a compression of sediment transforms into a pet—something to nurture, dote on, and connect to. We saw this in the 1970s with the pet rock fad; in the 1990s, there was the Tamagotchi obsession; and for two weeks in April, FigPals pulled at our heartstrings and brought joy to our work.
Hello! In this week’s Design Lobster we’re digging into what makes design feel truly alive. We’re exploring the powerful gaming concept of “juice” and marvelling at the lifelike movement of a famous 18th century automaton. Prepare to be delighted!
Traditionally, stock graphics are created by artists, photographers, and illustrators. But now, there’s a new player in the mix—artificial intelligence.
Have you worked on a new website design and lost some key components? It’s a real issue, as you lose progress, and your project completion gets pushed back. But remember, whether you’re using macOS or Windows, your computer is made up of parts that can sometimes fail, just like you. But don’t panic prematurely, there’s a good chance you can recover those files. In this article, we will show you...
Dark mode isn’t just a trendy aesthetic. It’s a gateway to more inclusive digital experiences, but only if designed thoughtfully. While its sleek visuals and reduced eye strain appeal to many, poorly implemented dark themes can alienate users with visual impairments, causing readability issues like blurred text or harsh contrasts. Discover how to craft dark modes that don’t just look good but work for everyone, from those with light sensitivity...
Leverage generative AI with a unique suite of tools to convey your ideas to the world.
React Native has become a preferred framework for businesses aiming to build high-performance, cross-platform mobile applications. However, developing such apps in-house can be resource-intensive and time-consuming. This is where outsourcing React Native app development proves to be a strategic choice. Below, we explore the key benefits of outsourcing React Native app development and why it’s an excellent business option.
Bulma’s grid system excels due to its use of Flexbox, allowing content to adapt seamlessly to various screen sizes. This modern approach simplifies the creation of complex layouts without relying on older float-based designs.
After almost six months of hard work, we’re super excited to share all of the new features, improvements, and fixes that we think you’re going to love.
While I may not get it right all the time, I’ve always seen the importance of accessibility. As a content designer, I try to write simple, accessible content so that it’s clear and inclusive. This is actually harder than it sounds, as you need to balance accessibility with brand voice and user expectations, and that takes skill.
You can write custom code to make WordPress do all manner of things. Whether creating custom plugins or tweaking your theme’s layout, there’s a way to make it happen. As they say, code is poetry.
In this tutorial, you’ll learn how to apply discounts based on different WooCommerce taxonomies.
Figma has revolutionized UI design, but how smoothly do those beautiful designs translate into functional React code? Manually converting pixels and properties can be a tedious, error-prone bottleneck in the development pipeline. What if you could automate significant parts of this process, ensuring consistency and freeing up valuable time for both designers and developers? This is where the power of Figma plugins for React comes into play.
Animation makes things clearer, especially for designers and front-end developers working on UI, prototypes, or interactive visuals. Manim is a tool that lets you create smooth and dynamic animations, not just for the design field but also in math, coding, and beyond, to explain complex ideas or simply make everything a little bit more interactive.
Whether it’s the confident tone of a bold sans-serif or the refined elegance of a classic serif, typography plays a key role in branding.
If you’ve ever stared down a blank Figma file while building a new design system, never fear: These new features and plugins will turn that mountain of work into an afternoon task.
I hope your week’s off to a great start! This week, I’ve rounded up some brilliant design inspiration, handy CSS tricks, and thought-provoking UX reads to give you fresh ideas and practical insights. Whether you’re tackling tricky layouts or rethinking user flows, there’s plenty here to get stuck into.
It’s nearly impossible to improve a design without feedback from others. It’s no surprise that design critique is one of the most valuable and common exercises product teams practice when building new products.
Thin fonts are like that trendy minimalist couch that looks amazing in photos but is absolutely terrible to sit on. Designers have obsessed over them for years, treating them as a symbol of elegance, sophistication, and high-end branding. But let’s be real: thin fonts are a usability and accessibility disaster.
In 2025, mobile applications are no longer a luxury but an essential tool for businesses aiming to thrive in the competitive digital economy. Whether you’re a startup or an established enterprise, choosing the right framework for app development can significantly impact your success.
Here’s a CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup — Only a single custom property needed!
Lessons from sidestepping Microsoft 365’s aggressive subscription renewal tactics
The founders at Basecamp thought it was time to give emails a renewed experience with HEY. Let’s look at their user onboarding!
In today’s video we are looking at some amazing new UX/UI design tools that can help improve your design workflow and add value to your work! These include a Microsoft UX/UI design certificate, cool Figma updates, the OpenAI academy, & more!
The :root selector is a special CSS pseudo-class that targets the root element of the document. In HTML, this is the <html> tag. Developers typically use it to define global variables that can be reused throughout the stylesheet.
In the following tutorial, you will learn how to create a Lottie animation in After Effects, starting from a vibrant comic book text effect made in Adobe Illustrator.
Stock templates are a lifesaver for designers, marketers, and small business owners. Whether you’re building a social media post, flyer, pitch deck, or website, starting with a well-made template can save hours of work.
A tactical guide to collaborating with your developer counterparts, including common pitfalls, practical tips, and guidance on when to lean in.
When passion for accessibility meets business indifference, what bridges the gap? Gloria Diaz Alonso shares how she turned frustration into strategy — by learning to speak the language of business.
Are you trying to find the best way to design your WordPress website without touching code? Want to compare the top page builders to see which one fits your goals and skill level?
Wishlink is a next-gen social commerce platform that connects content, creators, and shopping. It lets influencers and users share products they love, while followers shop directly from curated wishlists and storefronts. Whether you’re into fashion, gadgets, or home decor, Wishlink makes shopping personal, social, and fun.
It’s been said time and time again that businesses cannot survive without solid marketing in today’s fast-paced and highly competitive market. But it goes deeper than that. While many think you can pick one or the other when it comes to digital or traditional marketing, you actually need both to not just survive, but thrive in your industry.
It’s time for our monthly roundup! We’ve got a collection of the best new web development tools, resources, and frameworks for our fellow web developers. This month, we’ve got quite a handful of AI-powered tools, everything from open-source AI platforms to chat UIs and AI-powered browsers.
We are social creatures. It’s healthy to talk to other people about the important things on our minds. It’s safe to say many important things are on everyone’s minds right now, and it’s critically important to be able to talk about those important things. That said, the urge to unload the stuff on our minds can do some damage if we’re not careful. Here’s some things to consider.
Companies constantly try to find a way to how they create and manage their websites. Traditional platforms often require extensive coding knowledge or relying on multiple plugins, which happens to be difficult to maintain. Webflow became a modern alternative that simplifies the process and offers creative flexibility and performance.
Canva and Photoshop are two of the most popular design platforms, but they cater to very different users.
At Figma, security doesn’t have to slow you down. We’ve designed our corporate endpoint security with UX in mind, making it seamless and self-serve.
Unique, centrally-divided layout One Pager sharing the menu of Fridges Market based on Broadway, NY.
An exploration of a scanning effect using depth maps, custom shaders, and WebGPU renderin
This article is aimed at Adobe Express add-on developers who are interested in gaining deeper insights into how people are using their add-ons. It’s also helpful to new developers who want to understand how to take advantage of data visualization tools like Microsoft Power BI and cloud services like Microsoft Azure.
The JavaScript world moves at lightning speed, and staying on top of the latest developments can be challenging. That’s why we’ve curated this week’s most valuable resources, breaking news, and community highlights for you. From framework updates to performance optimization techniques, we’ve gathered everything JavaScript developers need to know as we head into the weekend.
Are you searching for a cost-effective way to build a professional website? Want to explore powerful open source platforms that give you complete design freedom?
Have you ever left a website because it was too slow or difficult to navigate? If so, you’ve already experienced the significant impact that user experience (UX) has on a website’s success. But beyond just user satisfaction, UX plays a crucial role in organic search rankings. With search engines like Google increasingly prioritizing user-friendly websites, understanding the role of UX in SEO is more relevant than ever.
Building your own Figma plugin is a super power. One moment you have a problem/idea and the other moment you have a custom plugin to solve that exact problem.
In this article, Edoardo Dusi shares the engineering and architectural choices made by the team at Storyblok and how real-world migration challenges were addressed using modern PHP practices.
Cybersecurity is no longer just about firewalls and encryption. Design plays a crucial role in keeping users safe online. A well-designed UI/UX can guide users toward secure behaviors, while a poorly designed interface can lead to data breaches and vulnerabilities.
SVG spinners and loaders are a great way to enhance the web experience. They can give crucial visual feedback when submitting or fetching data, so let’s build our own!
Design isn’t just a discipline or skillset—it’s a way of working. Here, we explore the evolution of design through the decades, the promise of design as a differentiator, and why non-designers deserve a seat at the table.
In 2025, Next.js 15 isn’t just a trend – it’s becoming the leader for ðbuilding high-performance, scalable, SEO friendly websites and impactful landing pages.
We’re so freaking excited to announce that we’ve reached a big milestone in our Subatomic design tokens course: we released our battle-tested design token architecture for both Figma and code! We put together a video tour of what’s included:
The beginning of the new month is the perfect opportunity to give your desktop a makeover. If you’re looking for some beautiful and unique wallpapers to cater for a bit of inspiration this April, well, this post has got you covered.
Event Driven Architecture has become a very popular choice in recent times for developing highly scalable distributed systems. Is a way of designing software where different parts of the system communicate by sending and reacting to events.
I really enjoyed reading this article by Alex Riviere and found myself nodding along in places. I do disagree with the overall approach though because I come at layout from a different angle. I’m very much in the “layout should be a skeletal, flexible system” camp and have articulated it lot over the years. My CUBE CSS article will get you up to speed with my ideals if you’ve not seen any of that...
We didn’t just lose our influence. We gave it away. UX professionals need to stop accepting silence, reclaim our seat at the table, and design with strategic clarity, not just surface polish.
Easter is around the corner, so have you planned your email campaign yet? If not, you’re missing out on an excellent opportunity to boost sales and customer engagement.
Imagine you’re building your dream home. Would you start with marble countertops and imported tiles? Nope! You’d sketch it out first, maybe even doodle on a napkin. That napkin sketch? That’s your low-fidelity design in the UX/UI world. And believe it or not, that messy little drawing is often what stands between a chaotic product launch and a user-loved experience.
This is where the Jobs To Be Done (JTBD) framework shines as a useful compass, guiding teams through the maze of user insights toward meaningful action.
If you’re new to UX design and haven’t considered strategy yet, now is the time to start. You’re probably thinking, “I’ll figure it out as I go along,” or, “Do I really need a strategy?” Here’s the thing — you do.
A recent study from Columbia University has uncovered critical flaws in the use of AI-generated personas for user experience (UX) and social simulations. While synthetic personas promise scalable, cost-effective alternatives to traditional research methods, the findings challenge the core assumptions behind these tools. The implications are relevant not just for UX practitioners, but for any domain relying on user modelling.
Creative professionals everywhere are in shock today as Adobe unveils its latest monetization strategy: a subscription plan for the Undo button.