Penpot App Dev Diaries: Behind the Scenes

Sunday, April 7, 2024

2.0 - Just can't get enough

🚀 Epics and highlights

Grid CSS layout Taiga #4915

UI redesign Taiga #4598

New components System Taiga #2662

Swap components Taiga #1331

Images as fill Taiga #2983

HTML code generation Taiga #5277

Light and dark themes Taiga #2287

✨ New Features

Send comments with Ctrl+Enter / Cmd + Enter Taiga #6085

Select through stroke only rectangle Taiga #5484

Stroke default position Taiga #6847

Override browser Ctrl+ and Ctrl- zoom with Penpot Zoom Taiga #3200

Improve the way handlers work on flex layouts Taiga #6598

Add menu entry for toggle between light/dark theme Taiga #6829

Switch themes shortcut Taiga #6644

Constraints section at design tab new position Taiga #6830

[PICKER] File library colors order Taiga #5399

Onboarding invitations improvements Taiga #5974

[PERFORMANCE] Workspace thumbnails refactor Taiga #5828

[PERFORMANCE] Add performance optimizations to shape rendering Taiga #5835

[PERFORMANCE] Optimize SVG output Taiga #4134

[PERFORMANCE] Optimize svg on importation Taiga #5879

[PERFORMANCE] Optimization tasks related to design tab file Taiga #5760

[INSTALL] Ability to setup features by team Taiga #6108

[IMAGES] Keep aspect ratio option Taiga #6933

[INSPECT] UI review #Taiga 5687

[GRID LAYOUT] Phase 1 Taiga #4303

[GRID LAYOUT] Inspect code for Grid Taiga #5277

[GRID LAYOUT] Phase 1 polishing Taiga #5612

[GRID LAYOUT] Improvements & Feedback Taiga #6047

[COMPONENTS] Naming of the main component Taiga #5291

[COMPONENTS] Rework inside of components - Library page Taiga #2918

[COMPONENTS] Update component when updating main instance Taiga #3794

[COMPONENTS] Main component new behavior Taiga #3796

[COMPONENTS] Main component look & feel Taiga #5290

[COMPONENTS] Library view Taiga #2880

[COMPONENTS] Positioning inside a component should relative, as in boards Taiga #2826

[COMPONENTS] Update message should show only if affecting at components that are being used at a file Taiga #1397

[COMPONENTS] Annotations Taiga #4957

[COMPONENTS] Synchronization order for nested components Taiga #5439

[COMPONENTS] Libraries modal zero case Taiga #5294

[COMPONENTS] Contextual menu casuistics Taiga #5292

[COMPONENTS] Libraries publishing flow review Taiga #5293

[COMPONENTS] Add loading text to Libraries modal Taiga #6702

[COMPONENTS] Components rename and organization in bulk Taiga #2877

[COMPONENTS] Info overlay about components V2 Taiga #6276

[REDESIGN] New styles basics Taiga #4967

[REDESIGN] Layers tab redesign Taiga #4966

[REDESIGN] Design tab phase 1 Taiga #4982

[REDESIGN] Assets tab redesign Taiga #4984

[REDESIGN] Palette panels (colors, typographies...) Taiga #4983

[REDESIGN] Workspace structure Taiga #4988

[REDESIGN] Shortcut tab Taiga #4989

[REDESIGN] Toolbar Taiga #5500

[REDESIGN] History tab Taiga #5481

[REDESIGN] Path options/toolbar Taiga #5815

[REDESIGN] Design tab phase 2 Taiga #5814

[REDESIGN] Design tab phase 3 and dashboard details Taiga #5920

[REDESIGN] Dashboard Taiga #5164

[REDESIGN] New Dashboard UI Taiga #5869

[REDESIGN] Prototype tab Taiga #4985

[REDESIGN] Code tab Taiga #4986

[REDESIGN] Modals and alert messages Taiga #5915

[REDESIGN] Comments page Taiga #5917

[REDESIGN] View Mode Taiga #5163

[REDESIGN] Miscellaneous tasks Taiga #6050

[REDESIGN] Swap components Taiga #6739

[REDESIGN] Font selector Taiga #6677

[REDESIGN] Colour system of alerts and notifications Taiga #6746

[REDESIGN] Review text in paragraphs for accessibility Taiga #6703

[REDESIGN] Interaction icons Taiga #6880

[REDESIGN] Panels visual separations Taiga #6692

[REDESIGN] Onboarding slides Taiga #6678

🐛 Bugs fixed

Fix pixelated thumbnails Github #3681, Github #3661

Fix problem with not applying colors to boards Github #3941

Fix problem with path editor undoing changes Github #3998

[View mode] Open overlay places frame in the wrong position when paired with a fixed element Taiga #6385

Flex Layout: Fit-content not recalculated after deleting an element Taiga #5968

Selecting from Color Palette does not work for board when there is no existing fill Taiga #6464

Color thumbnails are consistently rounded in the inspect code mode Taiga #5886

Adding vector path points before first point of existing open path not working Taiga #6593

Some image formats include the extension when importing Taiga #5485

Gradient color tool doesn't work properly with flipped items Taiga #6485

[TEXT] Align options are not show when several text are selected Taiga #5948

[VIEW MODE] Comments not working properly on multiple pages Taiga #6281

[PERFORMANCE] Alignments are slow Taiga #5865

[EXPORT] Exporting an element with a non-visible drop shadow displays the shadow either way Taiga #6768

[SAFARI] Color picker cursor is not pointing correctly Taiga #6733

[Import Files] When user has imported .penpot file with new file name of previously downloaded library file the default library file name is set for it Taiga #5596

Issue when resizing a duotone FA icon Taiga #5935

"Hide grid" keyboard shortcut broken Taiga #5102

Picking a gradient color in recent colors for a new color in the assets tab crashes PenPot Taiga #5601

Thumbnails not loading Taiga #6012

Don't show signup link/form when registration is disabled. Taiga #1196

Registration Page UI UX issue with small resolutions Taiga #1693

[LOGIN] "E-Mail-Adress" input field is set to type 'text' instead of 'eMail Taiga #1921

Handling correctly slashes "/" in emails Taiga #4906

Tab character in texts crashes the app Taiga #4418

Text does not match export Taiga #4129

Scrollbars cover the layers carets Taiga #4431

Horizontal ruler disappear when overlapping a board Taiga #4138

Resize shape + Alt key is not working Taiga #3447

Libraries images broken on premise Taiga #4573

[VIEWER] Cannot scroll down in code </> mode Taiga #4655

Strange cursor behavior after clicking viewport with text tool Taiga #4363

Selected color affects all of them Taiga #5285

❤️ Community contributions by (Thank you!)

New Hausa, Yoruba and Igbo translations and update translation files (by All For Tech Empowerment Foundation) Taiga #6950, Taiga #6534

Hide bounding-box when editing shape (by @VasilevsVV) #3930

CTRL + "+" to zoom into canvas instead of browser (by @audriu) #3848

Add dev deps.edn in the project root (by @PEZ) #3794

Allow passing overrides to frontend nginx config (by @m90) #3602

Update index.njk to remove typo (by @fdvmoreira) #155

Typo (by StephanEggermont) #157

💥 Breaking changes

New strokes default to inside border Taiga #6847

Change default z ordering on layers in flex layout. The previous behavior was inconsistent with how HTML works and we changed it to be more consistent. Previous layers that overlapped could be hidden, the fastest way to fix this is changing the z-index property but a better way is to change the order of your layers.

Thursday, July 20, 2023

1.19.0 - My own summer

✨ New Features

Default naming of text layers Taiga #2836

Create typography style from a selected text layer Taiga #3041

Board as ruler origin Taiga #4833

Access tokens support Taiga #4460

Show interactions setting at the view mode Taiga #1330

Improve dashboard performance related to thumbnails; now the thumbnails are rendered as bitmap images.

Add the ability to disable google fonts provider with the disable-google-fonts-provider flag.

Add the ability to disable dashboard templates section with the disable-dashboard-templates-section flag.

Add the ability to use the registration whitelist with OICD Github #3348

Add support for local caching of google fonts (this avoids exposing the final user IP to goolge and reduces the amount of request sent to google)

🐛 Bugs fixed

Fix files can be opened from multiple urls Taiga #5310

Fix asset color item was created from the selected layer Taiga #5180

Fix unpublish more than one library at the same time Taiga #5532

Fix drag projects on dahsboard Taiga #5531

Fix allow team name to be all blank Taiga #5527

Fix search font visualitation Taiga #5523

Fix create and account only with spaces Taiga #5518

Fix context menu outside screen Taiga #5524

Fix graphic item rename on assets pannel Taiga #5556

Fix component and media name validation on assets panel Taiga #5555

Fix problem with selection shortcuts Taiga #5492

Fix issue with paths line to curve and concurrent editing Taiga #5191

Fix problems with locked layers Taiga #5139

Fix export from shared prototype Taiga #5565

Fix email change: validation error displaying even after both fields are identical Taiga #5514

Fix scroll on viewer comment list Taiga #5563

Fix context menu z-index Taiga #5561

Fix select all checkbox on shared link config Taiga #5566

Fix validation on full name input on account creation Taiga #5516

Fix validation on team name input Taiga #5510

Fix incorrect uri generation issues on share-link modal Taiga #5564

Fix cache issues with share-links Taiga #5559

Makes height priority for the rows/columns grids #2774

Fix problem with comments mode not staying #3363

Fix problem with comments when user left the team Taiga #5562

Fix problem with images patterns repeating #3372

Fix grid not being clipped in frames #3365

Fix cut/delete text layer when while creating text Taiga #5602

Fix picking a gradient color in recent colors for a new color in the assets tab Taiga #5601

Fix problem with importation process Taiga #5597

Fix problem with HSV color picker #3317

Fix problem with slashes in layers names for exporter #3276

Fix incorrect modified data on moving files on dashboard Taiga #5530

Fix focus handling on comments edition Taiga #5560

Fix incorrect fullname use on registring user after OIDC authentication Taiga #5517

Fix incorrect modified-at on project after import file Taiga #5268

⬆️ Deps updates

Update google fonts catalog (at 2023/07/06) Taiga #5592

❤️ Community contributions by (Thank you!)

Update Typography palette order (by @akshay-gupta7) Github #3156

Palettes (color, typographies) empty state (by @akshay-gupta7) Github #3160

Duplicate objects via drag + alt (by @akshay-gupta7) Github #3147

Set line-height to auto as 1.2 (by @akshay-gupta7) Github #3185

Click to select full values at the design sidebar (by @akshay-gupta7) Github #3179

Fix rect filter bounds math (by @ryanbreen) Github #3180

Removed sizing variables from radius (by @ondrejkonec) Github #3184

Dashboard search, set focus after shortcut (by @akshay-gupta7) Github #3196

Library name dropdown arrow is overlapped by library name (by @ondrejkonec) Taiga #5200

Reorder shadows (by @akshay-gupta7) Github #3236

Open project in new tab from workspace (by @akshay-gupta7) Github #3246

Distribute fix enabled when two elements were selected (by @dfelinto) Github #3266

Distribute vertical spacing failing for overlapped text (by @dfelinto) Github #3267

Bug Change independent corner radius input tooltips #3332 (by @astudentinearth) Github #3332

Monday, April 3, 2023

1.18.0 - You spin me round (like a record)

✨ New Features

Adds more accessibility improvements in dashboard Taiga #4577

Adds paddings and gaps prediction on layout creation Taiga #4838

Add visual feedback when proportionally scaling text elements with "K" Taiga #3415

Add visualization and mouse control to paddings, margins and gaps in frames with layout Taiga #4839

Allow for absolute positioned elements inside layout Taiga #4834

Add z-index option for flex layout items Taiga #2980

Scale content proportionally affects strokes, shadows, blurs and corners Taiga #1951

Use tabulators to navigate layers Taiga #5010

🐛 Bugs fixed

Fix problem with rules position on changing pages Taiga #4847

Fix error streen when uploading wrong SVG #2995

Fix selecting children from hidden parent layers Taiga #4934

Fix problem when undoing multiple selected colors Taiga #4920

Allow selection of empty board by partial rect Taiga #4806

Improve behavior for undo on text edition Taiga #4693

Improve deeps selection of nested arboards Taiga #4913

Fix problem on selection numeric inputs on Firefox #2991

Changed the text dominant-baseline to use ideographic Taiga #4791

Viewer wrong translations Github #3035 Fix problem with text editor in Safari

Fix unlink library color when blur color picker input #3026

Fix snap pixel when moving path points on high zoom #2930

Fix shortcuts for zoom now take into account the mouse position #2924

Fix close colorpicker on Firefox when mouse-up is outside the picker #2911

Fix problems with touch devices and Wacom tablets #2216

Fix problem with board titles misplaced Taiga #4738

Fix problem with alt getting stuck when alt+tab Taiga #5013

Fix problem with z positioning of elements Taiga #5014

Fix problem in Firefox with scroll jumping when changin pages #3052

Fix nested frame interaction created flow in wrong frame Taiga #5043

Font-Kerning does not work on Artboard Export to PNG/JPG/PDF #3029

Fix manipulate duplicated project (delete, duplicate, rename, pin/unpin...) Taiga #5027

Fix deleted files appear in search results Taiga #5002

Fix problem with selected colors and texts Taiga #5051

Fix problem when assigning color from palette or assets Taiga #5050

Fix shortcuts for alignment Taiga #5030

Fix path options not showing when editing rects or ellipses Taiga #5053

Fix tooltips for some alignment options are truncated on design tab Taiga #5040

Fix horizontal margins drag don't always start from place Taiga #5020

Fix multiplayer username sometimes is not displayed correctly Taiga #4400

Show warning when trying to invite a user that is already in members Taiga #4147

Fix problem with text out of borders when changing from auto-width to fixed Taiga #4308

Fix header not showing when exiting fullscreen mode in viewer Taiga #4244

Fix visual problem in select options Taiga #5028

Forbid empty names for assets Taiga #5056

Select children after ungroup action Taiga #4917

Fix problem with guides not showing when moving over nested frames Taiga #4905

Fix change email and password for users signed in via social login Taiga #4273

Fix drag and drop files from browser or file explorer under circumstances Taiga #5054

Fix problem when copy/pasting shapes Taiga #4931

Fix problem with color picker not able to change hue Taiga #5065

Fix problem with outer stroke in texts Taiga #5078

Fix problem with text carring over next line when changing to fixed Taiga #5067

Fix don't show invite user hero to users with editor role Taiga #5086

Fix enter emails on onboarding new user creating team Taiga #5089

Fix invalid files amount after moving on dashboard Taiga #5080

Fix dashboard left sidebar, the [x] overlaps the field Taiga #5064

Fix expanded typography on assets sidebar is moving Taiga #5063

Fix spelling mistake in confirmation after importing only 1 file Taiga #5095

Fix problem with selection colors and texts Taiga #5079

Remove "show in view mode" flag when moving frame to frame Taiga #5091

Fix problem creating files in project page Taiga #5060

Disable empty names on rename files Taiga #5088

Fix problem with SVG and flex layout

Fix unpublish and delete shared library warning messages Taiga #5090

Fix last update project timer update after creating new file Taiga #5096

Fix dashboard scrolling using 'Page Up' and 'Page Down' Taiga #5081

Fix view mode header buttons overlapping in small resolutions Taiga #5058

Fix precision for wrap in flex Taiga #5072

Fix relative position overlay positioning Taiga #5092

Fix hide grid keyboard shortcut Github #3071

Fix problem with opacity in imported SVG's Taiga #4923

❤️ Community contributions by (Thank you!)

To @ondrejkonec: for contributing to the code with: Refactor CSS variables Github #2948

Tuesday, January 31, 2023

1.17.0 - (I’ve had) The time of my life

✨ New Features

Adds layout flex functionality for boards

Better overlays interactions on boards inside boards Taiga #4386

Show board miniature in manual overlay setting Taiga #4475

Handoff visual improvements Taiga #3124

Dynamic alignment only in sight Github 1971

Add some accessibility to shortcut panel Taiga #4713

Second level boards treated as groups in terms of selection Taiga #4269

Performance improvements both for backend and frontend

Accessibility improvements for login area Taiga #4353

Outbound webhooks Taiga #4577

Add copy invitation link to the invitation options Taiga #4213

Dynamic alignment only in sight Taiga #3537

Improve naming of layers Taiga #4036

Add zoom lense Taiga #4691

Detect potential problems with custom font vertical metrics Taiga #4697

🐛 Bugs fixed

Add title to color bullets Taiga #4218

Fix color bullets in library color modal Taiga #4186

Fix shortcut texts alignment Taiga #4275

Fix some texts and a typo Taiga #4215

Fix twitter support account link Taiga #4279

Fix lang autodetect issue Taiga #4277

Fix adding an extra page on import Taiga #4543

Fix unable to select text at assets inputs in firefox Taiga #4572

Fix component sync when converting to path Taiga #3642

Fix style for team invite in deutsch Taiga #4614

Fix problem with text edition in Safari Taiga #4046

Fix show outline with rounded corners on rects Taiga #4053

Fix wrong interaction between comments and panning modes Taiga #4297

Fix bad element positioning on interaction with fixed scroll Github #2660

Fix display type of component library not persistent Taiga #4512

Fix problem when moving texts with keyboard #2690

Fix problem when drawing boxes won't detect mouse-up Taiga #4618

Fix missing loading icon on shared libraries Taiga #4148

Fix selection stroke missing in properties of multiple texts Taiga #4048

Fix missing create component menu for frames Github #2670

Fix "currentColor" is not converted when importing SVG Github 2276

Fix incorrect color in properties of multiple bool shapes Taiga #4355

Fix pressing the enter key gives you an internal error Github 2675 Github 2577

Fix confirm group name with enter doesn't work in assets modal Taiga #4506

Fix group/ungroup shapes inside a component Taiga #4052

Fix wrong update of text in components Taiga #4646

Fix problem with SVG imports with style #2605

Fix ghost shapes after sync groups in components Taiga #4649

Fix layer orders messed up on move, group, reparent and undo Github #2672

Fix max height in library dialog Github #2335

Fix undo ungroup (shift+g) scrambles positions Taiga #4674

Fix justified text is stretched Github #2539

Fix mousewheel on viewer inspector Taiga #4221

Fix path edition activated on boards Taiga #4105

Fix hidden layers inside groups become visible after the group visibility is changed Taiga #4710

Fix format of HSLA color on viewer Taiga #4393 Fix some typos Taiga #4724

Fix text in custom font is not at the expected position at export Taiga #4394

❤️ Community contributions by (Thank you!)

To @iprithvitharun: let's make UX Writing contributions in Open Source a trend!

Tuesday, October 11, 2022

1.16.0 Beta - Never Gonna Give You Up

💥 Breaking changes

Removed the support for v2 internal file data blob format. This version has never been documented nor set as default value so technically this is not a breaking change because we are removing a "private API".