Noupe

MARCH 6, 2024

To guide you through the labyrinth of trends, techniques, and innovations, we have listed some of the best web design blogs on the internet. From insightful articles to practical tutorials, these blogs are your gateway to the latest industry insights, expert advice, and creative inspiration.

Web Design 64

Web Design Web Design Internet and Software Development Arts and Crafts 64

Speckyboy Design Magazine

DECEMBER 21, 2020

BEM Methodology In CSS: A Quick Start Guide. You might send content out to a mobile application – allowing both your app and website to share the same blog posts. Many designers are eschewing traditional tools like Photoshop in favor of niche apps like Adobe XD, Figma, and Sketch. 35 Free Web & Mobile UI Templates for Figma.

Web Design 145

Web Design Web Design Internet and Software Development Adobe 145

Speckyboy Design Magazine

JUNE 19, 2020

The complete guide to CSS media queries – Use this handy guide to get the most out of media queries. Color Copy Paste – Copy and paste colors directly from your camera to Figma, Sketch or your browser. Cool Little CSS Grid Tricks for Your Blog – How the author used modern CSS to solve a long-standing layout challenge.

Client 90

Client Coding Media Web Design 90

SpeckyBoy

MAY 12, 2023

ISO “A” Paper Size Guide – Download a template and size guide for working with “A” standard paper sizes in Figma. 20 Days to Celebrate 20 Years of WordPress, From Blogs to Blocks – Say “happy birthday” to WordPress by participating in these daily prompts.

Theme 124

Theme Layout Animation Freelance 124

Inkbot Design

NOVEMBER 14, 2024

This comprehensive guide will share my top tips and strategies for finding high-paying freelance graphic design jobs. So reflect on your strengths and passions, and let that guide your freelance journey. Figma, Sketch, and Canva. You've come to the right place! Clients love to work with designers who have a clear, defined niche.

Freelance 98

Freelance Freelance Graphic Design Graphic 98

Speckyboy Design Magazine

MAY 8, 2020

Free UXUI Doc Kit for Sketch/Figma – Create documentation for your team with this free kit, which features 236 symbols. Best blog designs I want to steal everything from – Take a look at some of the sharpest blogs out there. coding.blog – A home for free, high-quality coding blogs that won’t try to sell you something.

Color Schemes 85

Color Schemes Coding Client Theme 85

SpeckyBoy

JULY 14, 2023

Git Fundamentals for Developers – A quick guide to using version control. Styles to Variables Converter – A plugin that takes your color styles and converts them into new Figma variables. Hey: An Elegantly Simple WordPress Block Theme for Blogging – Check out this free theme created by Automattic.

Templates 98

Templates Theme Web Design Web Design 98

UX Collective

JULY 12, 2021

Figma to Sketch?—?a a sceptic’s story Considering the move from Sketch to Figma? Just about a year ago, our team lead at Orderin very tentatively put forward the idea of us moving over from Sketch to Figma. I had several concerns about moving to Figma, namely: Was this just another passing trend? Yup, that’s me… subtle.

Layout 83

Layout Publishing Publishing Production 83

HONGKIAT

SEPTEMBER 28, 2022

This new guide is designed to get you started faster with building a working application with modern practice in Laravel. A blog that highlights some updates around web development. Design System for Figma. A collection of Design System made in Figma from a number of popular names and frameworks on the Internet.

Web Design 122

Web Design Web Design Internet and Software Development Animation 122

HONGKIAT

JUNE 3, 2021

If you have a WordPress website, don’t forget to check the guide about optimizing core web vitals , it is the best in the market. Use Pixpa to create all-in-one websites — website, store, and blog. Tailwind Figma. Kicker — Multipurpose Blog Magazine WordPress Theme. BrandCrowd — Online Logo Maker.

Internet and Software Development 142

Internet and Software Development Web Design Web Design Theme 142

Shillington

DECEMBER 19, 2022

Subscribe to graphic design blogs. Graphic design blogs are a great way to stay abreast of what’s going on in the design world and check in on the latest trends and projects that have the industry buzzing. It would be like having your own personal guide through your design journey! Get a graphic design mentor.

Graphic Design 105

Graphic Design Graphic Programming Adobe 105

Abduzeedo

APRIL 16, 2020

Figma introducing new features to boost your workflow: Links and Search. AoiroStudio Apr 16, 2020 Figma should be part of your set of tools as designers and even as non-designers. To bring better discoverability and added context into Figma, we looked to our home on the Web for inspiration. Figma Blog.

Product Management 77

Product Management Production Publishing Publishing 77

Graphic Design Junction

FEBRUARY 13, 2024

These AI-generated texts can be used to fill placeholder content during the design process or to automate the creation of blog posts , product descriptions, or marketing copy. Natural Language Processing (NLP) algorithms can generate high-quality, human-like content based on input from designers or existing website content.

Client 336

Client Digital Templates Production 336

Noupe

MAY 8, 2025

In the early days of digital marketing, B2B content often meant long whitepapers, text-heavy PDFs, and dry blog posts. Use tools that streamline the process : Platforms like Canva, Figma, and CMS tools now support performance tracking alongside content design. Buyers today skim, scroll, and evaluate in seconds.

Marketing 52

Marketing Marketing Brand Branding 52

SpeckyBoy

AUGUST 18, 2023

A Blog Post With Every HTML Element – You might discover a few lesser-known HTML tags within this reference. Lean Product Design: A Playbook – Steps to guide you through the product design process. CSS Variables Generator – Use this plugin to transform Figma styles into CSS variables.

Layout 98

Layout Web Design Web Design Textures 98

Inkbot Design

FEBRUARY 22, 2024

This guide will show you how to break into this exciting field from scratch. Variety – From corporate sites to blogs to e-commerce stores, you'll get to design all sorts of websites. Explore design tools and resources like Adobe Creative Cloud, Sketch, Figma, and online platforms like Dribbble and Behance. Why Web Design?

Web Design 98

Web Design Web Design Self-employed Internet and Software Development 98

Inkbot Design

DECEMBER 3, 2023

They provide guiding ideas developers can apply to their sites. Design Blogs and Podcasts Staying on top of trends means following established sites like: Smashing Magazine A List Apart UX Booth Layout podcast Their regular updates on techniques, trends, and success stories help developers continually improve their design skills.

Web Design 94

Web Design Web Design Coding Layout 94

Inkbot Design

JULY 18, 2023

In this blog post, I'll share over 30 incredible web tools guaranteed to supercharge your productivity and help you get things done like a boss. 6 – Figma Figma is a powerful web development tool that revolutionises the way designers and developers collaborate on creating user interfaces.

Internet and Software Development 145

Internet and Software Development Coding Templates Production 145

Inkbot Design

NOVEMBER 8, 2023

Boost Your Design Skill: The Complete Guide for Aspiring Designers Nowadays, design skills are more in demand than ever. This comprehensive guide covers everything you need to know to become a standout designer. Mastering composition allows you to guide the viewer's eye and create a visual hierarchy. Maintain a swipe file.

Portfolio 97

Portfolio Client Self-employed Freelance 97

Inkbot Design

OCTOBER 12, 2023

This article provides a complete guide to website design software by analysing the leading options on the market, comparing features and capabilities, providing tips on correctly choosing specific needs/skill levels/interests and giving recommendations based on different user profiles.

Internet and Software Development 98

Internet and Software Development Web Design Web Design Coding 98

Noupe

JULY 20, 2022

Internationally renowned logo designer David Airey, the author of Logo Design Love, offers a refreshingly plain guide to the challenges many designers confront when they first strike out on their own. In addition, 99 Designs features an excellent blog and provides a beautiful environment in which to investigate the work of others.

Graphic Design 122

Graphic Design Graphic Self-employed Arts and Crafts 122

Smashing Magazine Graphics

AUGUST 27, 2019

Figma Tips To Kick-Start Your Design Workflow. Figma Tips To Kick-Start Your Design Workflow. I have made the switch to Figma almost two years ago and I have no regrets so far. In one of my previous blog posts on the topic, I made an in-depth review of Figma , and I’m glad I could help other designers make the switch.

Color 83

Color Adobe Animation Fonts 83

Graphic Mama

SEPTEMBER 23, 2022

Material Design Blog UI. ? ?. In this Material Design tutorial, you will see how to create a basic UI Design for a blog app. Figma is another popular software in the UX design world, and we have covered it with 24 quality Figma tutorials. Free Figma icon set. Angular Material Design Guides.

Internet and Software Development 70

Internet and Software Development Color Adobe Photoshop 70

UX Collective

APRIL 24, 2023

Guides that taught new team members the proper usage and boundaries of using the assets at different levels. The list goes on, but motion tends to be seen as a “good to have” with basic Figma presets. Designers who are sensitive to such details can guide users to successful completion without the use of any instructions.

Animation 130

Animation Patterns Production Digital 130

UX Collective

FEBRUARY 8, 2023

Use Figma, Adobe XD, Sketch, or similar to illustrate with arrows and visual schemes. Visual schematic of documentation in Figma. Source: Figma The Zeplin tool can also help a lot with the handoff of Design System elements since it allows the import of components with their variables. Good job everyone!

Production 133

Production Coding Color Patterns 133

Just Creative

MARCH 13, 2023

See our Adobe discount guide to save 65%) Fortunately, there are now a lot of alternatives that enable you to create graphic designs of a professional caliber with flexible controls that are easy for a novice to use but have much more sophisticated tools for an experienced user. See our Adobe discount guide and save 65%.

Graphic Design 185

Graphic Design Graphic Adobe Vectors 185

HONGKIAT

MARCH 30, 2023

It provides a comprehensive guide to using React, including documentation, tutorials, and examples. You can download or import the icons to Notion and Figma easily. Docus is highly extensible, allowing you to customize the design or add components using slots to make it your own. It just works.

Web Design 122

Web Design Web Design Coding Layout 122

Inkbot Design

MARCH 30, 2023

Check out these mystical scrolls to expand your knowledge: Online courses UI Animation Fundamentals Motion Design School: ( [link] ) UX in Motion Blogs and websites Awwwards Dribbble Collect UI Books like: Sale Bestseller No. Figma + Principle: Design in Figma and export your work to Principle for quick and easy prototyping.

Animation 121

Animation Arts and Crafts Adobe Publication 121

Inkbot Design

NOVEMBER 7, 2023

This guide covers the essential skills any aspiring or established web designer needs to thrive. For creating wireframes and prototypes, learn applications like Sketch, Figma, Adobe XD or InVision Studio. Buy on Amazon Visual Design Theory Visual design theory provides guiding principles for aesthetically pleasing designs.

Web Design 98

Web Design Web Design Coding Fonts 98

Inkbot Design

MAY 19, 2024

3 – Figma Attention all collaborative designers! For collaboration-based team workflows in design, Figma takes the lead. Additionally, with its rich UI/UX prototyping and Design Systems feature suite, Figma has become every designer’s new favourite tool almost overnight. 4 – Blender Hey, 3D enthusiasts!

Internet and Software Development 98

Internet and Software Development Project Management Adobe Graphic 98

Inkbot Design

APRIL 19, 2023

The Power of Wireframing in Web Design: A Comprehensive Guide In the dynamic world of web design , the art of wireframing holds a unique and indispensable position. Wireframes are created using various tools, from pen and paper to digital devices such as Sketch, Adobe XD, or Figma. Why is Wireframing Important?

Web Design 134

Web Design Web Design Layout Client 134

Shillington

FEBRUARY 8, 2023

And for some more inspiration, explore Design History 101 in the Throwback Thursday series on our blog for brief lessons on design legends like Aaron Douglas, Louise Fili, Alan Kitching, Emory Douglas and many more. Figma: is the standard for digital designers. A digital design (UI and UX) application for vector design and prototyping.

Graphic Design 104

Graphic Design Graphic Adobe Portfolio 104

Graphic Mama

JUNE 30, 2022

Figma is one of the most recognizable names when it comes to UX/UI design. Figma supports SVG and is a perfect solution for creating prototypes. It has a free plan – Figma has a free plan, although it’s one of the biggest players on the market. Requires advanced hardware – Figma is heavy and requires resources.

Adobe 72

Adobe Illustration Illustrator Vectors 72

Vecteezy

SEPTEMBER 23, 2021

If you’re looking for a general guide to follow, stick to the three colors. Finally, you may also appreciate the Figma plugin that allows you to use Color Designer directly in Figma (see our favorite Figma plugins here). See our Guide to Color Trends here. Color Hunt. Try Lots of Combinations.

Color Schemes 98

Color Schemes Color Coding Branding 98

UX Collective

MARCH 8, 2023

These platforms serve as the perfect platter to serve up your smaller projects like a blog or maybe even that portfolio you’ve been working on forever ? You can directly export your Figma files too! js to make generative art or make some figma plugins! Learn Shopify, Squarespace, Wix, or Webflow for your freelance projects.

Coding 98

Coding Arts and Crafts Production Programming 98

Graphic Mama

JULY 6, 2020

Support Sketch, Adobe XD, Figma, and more file formats. There are excellent integration possibilities from Sketch, Figma, Dropbox, etc alongside team synced updates and realtime feedback and comments. Great file support: Sketch, Figma, Adobe XD, Svg, Images. Figma UI UX Design Software. Just in Mind. Marvel App.

Animation 75

Animation Adobe Coding Vectors 75

Inkbot Design

JULY 11, 2024

2 – Understand Your Readership Knowing who you are addressing should guide your content strategy and design decisions. Use typography , colour and layout to guide users through the text while indicating key ideas at each level so that there’s no confusion about what matters most where but still presents an eye-friendly path.

Layout 98

Layout Digital Presentation Fonts 98